使用@click.native获取选中的option值
<FormItem label="巡检类型" prop="inspectionType">
<Select v-model="modal.formItem.inspectionType" :maxlength="32" >
<Option v-for="item in typeList" :key="item.value" :value="item.value" @click.native="getType(item.value)" placeholer="请选择巡检类型" >{{item.label}}</Option>
</Select>
</FormItem>
getType(val) {
console.log(val) // 输出的是选中的option value值
},
使用@on-change="selectChange"获取选中option的value值
<FormItem label="巡检类型" prop="inspectionType">
<Select v-model="modal.formItem.inspectionType" @on-change="selectChange("$event")">
<Option v-for="item in typeList" :key="item.value" :value="item.value" placeholer="请选择巡检类型" >{{item.label}}</Option>
</Select>
</FormItem>
// 选中的option变化时触发,默认返回 value,如需返回 label,详见 label-in-value 属性
selectChange(val){
console.log(val)
}
在vue的watch内监听,并获取选中的option值
//此处也是返回option value值
watch: {
'modal.formItem.inspectionType'(val){
console.log(val)
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。