vue清空下拉框显示的内容不清空数据源

在Vue中清空下拉框显示的内容，可以通过v-model绑定的变量来实现。当清空下拉框内容时，只需要将v-model绑定的变量赋值为null或空字符串即可。

例如：

<template>
  <div>
    <select v-model="selectedItem">
      <option v-for="item in items" :value="item">{{ item }}</option>
    </select>
    <button @click="clearSelection">清空</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['选项1', '选项2', '选项3'],
      selectedItem: null
    }
  },
  methods: {
    clearSelection() {
      this.selectedItem = null
    }
  }
}
</script>

在上面的例子中，当点击“清空”按钮时，会调用clearSelection方法，将selectedItem变量赋值为null，从而清空下拉框的显示内容。但是，数据源items并没有被清空，只是下拉框的显示内容被清空了。