vue2 table中的下拉框设置默认值，清除时也会变回默认值

在Vue2中，要在表格(table)中的下拉框设置默认值并在清除选择时恢复默认值，通常需要结合`v-model`指令以及自定义事件处理。假设你的下拉框数据绑定到一个数组对象`options`，每个对象有一个`value`属性作为选项值，你可以这样做：

1. 首先，给下拉框设置初始默认值。比如，你可以将`options`的第一个元素的`value`作为默认值：

<template>
  <select v-model="selectedOption">
    <option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: 'defaultValue', label: '默认值' },
        // 其他选项...
      ],
      selectedOption: this.options[0].value,
    };
  },
};
</script>

2. 当用户选择其他选项时，`selectedOption`会更新为所选值。

3. 如果你想实现清除选择（即`selectedOption`恢复为默认值），可以在表单或组件上添加`clearSelection`方法，并监听某个清除操作（如点击清除按钮）：

methods: {
  clearSelection() {
    this.selectedOption = this.options[0].value; // 或者直接赋空字符串 ""
  }
}

然后在需要的地方调用这个方法，例如清空事件处理器：

<button @click="clearSelection">清除选择</button>

这样，每次清除选择，下拉框都会回到默认值。