vue下拉框选择触发事件无效的问题

vue下拉框选择触发事件无效的问题vue下拉框选择触发事件无效vue下拉框选择触发事件无效在vue下拉框中如果想在点击下拉框的时候触发事件，使用@click方法不会触发事件。给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）。另外@change事件值发生改变的时候触发。代码如下：<el-select v-model="scop

一文字豪树

5346人浏览 · 2020-07-09 17:46:47

一文字豪树 · 2020-07-09 17:46:47 发布

vue下拉框选择触发事件无效的问题

vue下拉框选择触发事件无效

vue下拉框选择触发事件无效

在vue下拉框中如果想在点击下拉框的时候触发事件，使用@click方法不会触发事件。给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）。另外@change事件值发生改变的时候触发。

代码如下：

 <el-select v-model="scope.row.sfff" filterable placeholder="请选择" @click.native="selectData(scope.row.miiId)" @change="changeData(scope.row.sfff,scope.$index,scope.row.weight)" >
<el-option v-for="(item,index) in listData" :key="index" :label="item.scoreCondition" :value="item.score"> </el-option>  </el-select>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^