这种情况下,可以使用change事件,当选中某一选项后,便会触发该事件。完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
</head>
<body>
<div id="app">
<el-form-item prop="serveId" label="司机名称">
//选择框ID
<el-select v-model="this.serveId" placeholder="请选择">
<el-option
//选择框内容
v-for="item in optionList"
//内容主键
:key="item.id"
//标签显示名
:label="item.name"
//操作的字段 与数据库字段对应
:value="item.id">
{{item.name}}
</el-option>
</el-select>
</el-form-item>
</div>
<script>
new Vue({
el: '#app',
data: {
serveId: '',
optionList: ['选项1','选项2','选项3']
},
methods: {
getValue: function(){
console.log('您选择了', this.serveId)
//多个选项框的时候更改第一个框重置第二个框的值
//this.serveId2= null;
}
}
})
</script>
</body>
</html>