场景:在el-table配置了@row-click表格行内点击事件;行内按钮点击会冒泡,事件会传递到行,单单在按钮上设置@click.native.stop,效果不佳,而且发现:一个按钮在不满足条件的情况下是禁用的,设置了:disabled属性,所以在禁用状态下,会直接触发行的事件。
先来看一下@row-click的参数
row:行 column:列 event:事件
row-click 当某一行被点击时会触发该事件 row, column, event
关键代码:
openDetail(row,column) {
//column存在的话,说明是点击行触发;
//column不存在的话,说明是点击详情按钮触发;
//判断是否是在操作列点击
if(column && column.label=='操作'){
return;
}
this.detailVisible = true;
},