Vue element-ui el-table阻止行选事件
2024-09-07 03:38:42
我们经常会在某个table末尾加上操作列来放置button来处理跳转和其他的逻辑
那么当点击button的时候同样也会执行在el-table 设置的 @row-click="handleRowClick"事件。如果避免这种情况呢？
其实很简单，在操作列的加上@click.stop就可以了
<el-table @row-click="handleRowClick :data="dataList">
<el-table-column header-align="left" align="left" label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click.stop
@click="handleView(scope.row)"
>查看</el-button>
<el-button
v-else
size="mini"
@click.stop
@click="handleProcess(scope.row)"
>处理</el-button>
</template>
</el-table-column>
<el-table>
这样就可以避免执行handleRowClick事件了
最新文章
- 通过jconsole监控tomcat JVM 内存、线程、CPU
- Time crumbles things; everything grows old under the power of Time and is forgotten through the lapse of Time
- C#编程总结 dynamic(转)
- lua if
- 在 ASP.NET 网页中不经过回发而实现客户端回调
- Table XXX is marked as crashed and should be repaired问题
- vue使用Axios做ajax请求
- C++的socket编程学习
- JSP技术介绍
- strcpy、strncpy与memcpy的区别与使用方法
- ●BZOJ 4821 [Sdoi2017]相关分析
- eclipse创建web项目修改路径
- Python程序里的注释和#号
- codeblock字体问题
- Python中对文件和目录的操作
- Wannafly挑战赛25游记
- Qt读写ini文件
- Dalvik源码阅读笔记（二）
- Excel表格公式大全[转]
- Markdown学习（一）