elementui table表格,添加@cell-click\="handle"这个事件遇到的问题

我想实现点击每一行,除了某一列(比如这里是“删除”这一列)不受影响以外。点击每行的其他地方。都可以实现跳转。
我使用的方法是elementui table表格里面的,添加@cell-click="handle"这个事件。
但是用了这个方法。“删除”这一列也受影响了、请问我要怎样才能让特定的某一列不受影响呢?
image.png

image.png

阅读 7.3k
3 个回答

在个不知道怎么在el-column上直接改,有一个替代的方法:
就比如在删除这一列,使用自定义的方式,如下:

<el-table-column
  width="180">
  <template>
    <div @click.stop="test">测试</div>
  </template>
</el-table-column>

在里面的点击事件上加个stop限定

我已经想到其他办法:
1,在click里面关联一个isClick默认是false,如果点击了。就变成true。
2,在点击每一行之后。要跳转之前。加一个判断。isClick为true就不跳转。

可以参考下这个demo

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题