vue el-row el-col 的点击事件@click 无效问题

el-col是基于vue封装的组件，不支持原生事件的触发。无效：<el-col :span="4" @click="tagPlatform"><img class="image_icon" src="@/assets/images/labelTag.png" alt=""/><div class="image_text">标签平台</div><

前端小蔡姬

2724人浏览 · 2022-02-21 15:30:38

前端小蔡姬 · 2022-02-21 15:30:38 发布

el-col是基于vue封装的组件，不支持原生事件的触发。

无效：

<el-col :span="4" @click="tagPlatform">
      <img class="image_icon" src="@/assets/images/labelTag.png" alt=""/>
      <div class="image_text">标签平台</div>
</el-col>

修改：

<el-col :span="4" @click.native="tagPlatform">
      <img class="image_icon" src="@/assets/images/labelTag.png" alt=""/>
      <div class="image_text">标签平台</div>
</el-col>

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