vue 选择下拉框选项更改触发事件

这种情况下，可以使用change事件，当选中某一选项后，便会触发该事件。完整代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="https://cdn.bootcss.com/v

weixin_44096821

8816人浏览 · 2022-03-16 11:18:42

weixin_44096821 · 2022-03-16 11:18:42 发布

这种情况下，可以使用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>