<el-select @change="isbtn(item)" :disabled="!ishandlemox" v-model="form.name" size="mini" key-value="key" clearable filterable style="width: 170px" placeholder="请选择物模型"> <el-option v-for="item in modelOptions" :key="item.code" :label="item.name" :value="item" /> </el-select> 触发chang事假如何获取点击的当前对象
时间: 2023-07-19 17:35:09 浏览: 294
在 Vue.js 中,可以通过 $event 参数来获取触发事件的 DOM 对象。因此,在 @change 事件中,可以将 $event 对象作为参数传递给 isbtn 方法,然后在 isbtn 方法中获取当前选中的对象,具体代码如下:
```
<el-select @change="isbtn($event, item)" :disabled="!ishandlemox" v-model="form.name" size="mini" key-value="key" clearable filterable style="width: 170px" placeholder="请选择物模型">
<el-option v-for="item in modelOptions" :key="item.code" :label="item.name" :value="item" />
</el-select>
...
methods: {
isbtn(event, item) {
const selectedOption = event.target.options[event.target.selectedIndex];
const selectedValue = selectedOption.value;
console.log(selectedValue); // 输出当前选中的对象
// 在这里处理当前选中的对象
}
}
```
在 isbtn 方法中,首先通过 event.target 获取触发事件的 select 元素,然后通过 selectedIndex 获取当前选中的选项的索引,最后通过 options[selectedIdx].value 获取当前选中的选项的值,即选项对象。
阅读全文