Vue:Table在点击删除的时候阻止行点击事件

目录

    • [一、 出现场景](#一、 出现场景)
    • [二、 解决方案](#二、 解决方案)

一、 出现场景

问题:给el-table绑定行点击事件row-click,点击行时,触发表格的行点击事件,可是表格中有操作列,列中有其他点击事件,比如编辑和删除,此时点击编辑事件,也会触发表格的行点击事件了

二、 解决方案

在操作列的 @click 事件时添加 .stop

html 复制代码
 <el-table-column  label="操作" >
    <template slot-scope="scope">
      <el-button type="text"  @click.stop="handleDelete(scope.row)">删除</el-button>
    </template>
 </el-table-column>
相关推荐
midsummer_woo2 小时前
基于springboot的在线教育系统(源码+论文)
vue.js·spring boot·mysql
2301_781668612 小时前
前端基础 JS Vue3 Ajax
前端
上单带刀不带妹2 小时前
前端安全问题怎么解决
前端·安全
Fly-ping2 小时前
【前端】JavaScript 的事件循环 (Event Loop)
开发语言·前端·javascript
SunTecTec2 小时前
IDEA 类上方注释 签名
服务器·前端·intellij-idea
在逃的吗喽3 小时前
黑马头条项目详解
前端·javascript·ajax
袁煦丞3 小时前
有Nextcloud家庭共享不求人:cpolar内网穿透实验室第471个成功挑战
前端·程序员·远程工作
小磊哥er3 小时前
【前端工程化】前端项目开发过程中如何做好通知管理?
前端
拾光拾趣录4 小时前
一次“秒开”变成“转菊花”的线上事故
前端
你我约定有三4 小时前
前端笔记:同源策略、跨域问题
前端·笔记