vue下拉框清空

要清空Vue下拉框，你可以使用v-model绑定一个变量来控制下拉框的选中值，然后在需要清空下拉框的时候，将这个变量设置为null即可。

例如，你可以在Vue组件中定义一个下拉框的选项列表和选中值变量：

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="option in options" :value="option.value">{{ option.label }}</option>
    </select>
    <button @click="clearSelectedOption">清空</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' },
      ],
      selectedOption: null,
    }
  },
  methods: {
    clearSelectedOption() {
      this.selectedOption = null
    },
  },
}
</script>

在上面的例子中，当你点击“清空”按钮时，就会调用clearSelectedOption方法，将selectedOption设置为null，从而清空下拉框的选中值。