Vue中@click不生效的解决办法

问题产生的原因：如果是普通的HTML，@click可以触发。如果是使用ElementUI组件和路由，@click会失效。因为Vue使用的是一套自己的事件传递机制，@click等事件是经过Vue封装的，需要为 @click 添加标识符 .native<el-button type="primary"

这个需求做不了

5814人浏览 · 2022-11-21 09:09:44

这个需求做不了 · 2022-11-21 09:09:44 发布

问题产生的原因：
如果是普通的HTML，@click可以触发。
如果是使用ElementUI组件和路由，@click会失效。
因为Vue使用的是一套自己的事件传递机制，@click等事件是经过Vue封装的，需要为 @click 添加标识符 .native

<el-button type="primary" @click.native="clickFunction()">点击按钮</el-button>

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

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}$/, //不连续的两位字母// /^