【vue】【element-ui】【错误记录】vue使用element-ui时,.native点击事件触发两次

    科技2024-06-01  71

    文章目录

    现象解决方法相关$event 原因

    现象

    使用element-ui的组件el-checkbox,绑定点击事件

    <el-checkbox @click="state()"></el-checkbox>

    点击事件不触发 添加.native标签之后,触发了事件,但是触发了两次

    <el-checkbox @click.native="state()"></el-checkbox>

    解决方法

    通过事件对象元素的类型,过滤事件 修改为

    <el-checkbox @click.native="state($event.target.tagName)"></el-checkbox> ... state(name:string){ if(name!=input) return ; ... }

    相关

    $event

    vue内置对象,用于在内联函数内部调用当前事件

    原因

    原因不明,之后补充

    Processed: 0.019, SQL: 8