vue 获取option column的值

如果你想获取 select 元素中某个 option 的值，可以使用 Vue 中的 v-model 指令绑定 select 元素的值，并在 data 中定义一个变量来存储选中的值，如下所示：

<template>
  <div>
    <select v-model="selected">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
    <button @click="getOptionValue">Get Option Value</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: null
    };
  },
  methods: {
    getOptionValue() {
      console.log(this.selected);
    }
  }
};
</script>

在上面的示例代码中，我们定义了一个 select 元素，并使用 v-model 指令绑定它的值到 data 中的 selected 变量。当用户选择一个选项时，selected 变量的值会自动更新。在 getOptionValue 方法中，我们可以通过访问 selected 变量来获取选中的 option 的值。