vue select change默认传option整个对象

对于Vue中的`<select>`元素，当选项发生更改时，默认情况下会将整个选项对象作为事件的参数进行传递。如果你想传递选项对象的特定属性，可以使用`v-model`指令和`@change`事件结合使用。

首先，在`<select>`元素上使用`v-model`指令来绑定选中的值到Vue实例的一个数据属性上，例如`selectedOption`：

<select v-model="selectedOption">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

然后，在Vue实例中定义`selectedOption`属性：

data() {
  return {
    selectedOption: null
  }
}

最后，可以使用`@change`事件来监听选项的更改，并在事件处理程序中访问选项对象的特定属性。在这个例子中，我们将访问选项的`value`属性：

<select v-model="selectedOption" @change="handleChange">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

methods: {
  handleChange(event) {
    const selectedValue = event.target.value;
    console.log(selectedValue);
  }
}

这样，当选项发生更改时，`handleChange`方法会被调用，并且`selectedValue`将是选中选项的`value`属性的值。你可以根据需要修改事件处理程序来访问其他选项属性。