el-select组件绑定change怎么获取label和value值

组件中change回调只能获取到value,但是有时候需求是要传两个参数(elementui 封装的change只能获取到value,我们可以通过原生事件去获取option值)。

如果要在element组件上触发原生事件,一律都得加.native修饰符,否则无法触发事件。但是要注意很多elementUI的组件本身封装了focus、click、change等事件,比如el-button的click事件,是经过elementUI封装过的,所以给el-button绑定click事件时,不需要加.native修饰符。

html 复制代码
 <el-form-item label="FILTER Type:">
    <el-select v-model="optionsVal1"  placeholder="请选择活动区域">
       <el-option
           v-for="item in form.flterOptions"
           :key="item.value"
           :label="item.label"
           :value="item.value"
           @click.native="flterChange(item)"
         >
     </el-option>
</el-form-item>

methods: {
      flterChange(e){
        console.log(e);
      }
}
相关推荐
To_OC10 小时前
别再瞎写 React Router!7 个高频踩坑点一次性讲透
前端·javascript·react.js
岭南灯火12 小时前
前端通用交互式几何编辑器的开发经验
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 7 - 设计模式与原则
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 4 - 绘制、悬停与编辑
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 3 - 数据对象的设计
前端·javascript·架构
Jackson__12 小时前
从 LLM 到 Agent:一篇文章搞懂 AI 圈热词!
前端·agent·ai编程
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 2 - 交互事件流
前端·javascript·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 6 - 配套设施与工程化
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 5 - 辅助元素的设计
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 1 - 入口的对象及其成员
前端·javascript·架构