elementPlus中table的某一行点击会触发事件 current-change ，row-click，在单元格点击按钮的时候阻止该事件触发

最新推荐文章于 2025-03-07 10:36:13 发布

一城烟雨_

最新推荐文章于 2025-03-07 10:36:13 发布

阅读量947

点赞数 7

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/w1314_1314/article/details/139745817

版权

1.tips : 在vite加vue3遇到的这个问题

点击编辑或者移除的时候不希望触发current-change ，row-click 事件

2.在按钮上面添加stop

我这的MyElTable就是el-table 我进行了二次封装道理是一样的添加stop即可

    <MyElTable
      :radio="true"
      :selection="false"
      :tableColumn="tableColumn"
      :state="state"
      @handleCurrentChange="handleCurrentChange"
      @handleSizeChange="handleSizeChange"
      paginationLayout="prev, pager, next"
      :small="true"
      @sortChange="sortChange"
      @radioChange="radioChange"
    >
      <!-- 操作 -->
      <template v-slot:controls="scope">
        <el-button link type="danger" size="small" @click.stop="chooseItem">移除</el-button>
      </template>
    </MyElTable>