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

目录

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

---

一、 出现场景

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

二、 解决方案

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

 <el-table-column  label="操作" >
    <template slot-scope="scope">
      <el-button type="text"  @click.stop="handleDelete(scope.row)">删除</el-button>
    </template>
 </el-table-column>