526互联

el-row el-col 的点击事件@click 没反应

发布时间 2023-05-08 10:28:25作者: 喆星高照

el-col 是vue封装的组件，不支持原生事件的触发。要想触发事件需要加修饰符".native"

无效果：

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

增加修饰符：

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