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);
      }
}
相关推荐
阿里巴啦9 分钟前
用React+Three.js 做 3D Web版搭建三维交互场景:模型的可视化摆放与轻量交互
前端·react·three.js·模型可视化·web三维·web三维交互场景
daols8818 分钟前
vue 甘特图 vxe-gantt table 连接线的用法详解
vue.js·甘特图·vxe-table
Liu.77420 分钟前
vue3组件之间传输数据
前端·javascript·vue.js
|晴 天|20 分钟前
前端闭包:从概念到实战,解锁JavaScript高级技能
开发语言·前端·javascript
开发者小天21 分钟前
react的拖拽组件库dnd-kit
前端·react.js·前端框架
用户44455436542631 分钟前
在Android开发中阅读源码的指导思路
前端
用户542778485154033 分钟前
ESM 模块(ECMAScript Module)详解
前端
全栈前端老曹1 小时前
【ReactNative】核心组件与 JSX 语法
前端·javascript·react native·react.js·跨平台·jsx·移动端开发
用户54277848515401 小时前
JavaScript 闭包详解:由浅入深掌握作用域与内存管理的艺术
前端
小小黑0071 小时前
快手小程序-实现插屏广告的功能
前端·javascript·小程序