问题:点击el-table某一行跳转到详情页,使用row-click(当某一行被点击时会触发该事件)后,会导致点击操作栏的按钮也会触发
解决方法:原生标签使用@click.stop,按钮el-button不是原生标签使用@click.native.stop,阻止事件冒泡。
<template>
<div>
<el-table
:data="tableData"
border
style="width: 100%"
@row-click="rowClick"
>
<el-table-column prop="date" label="日期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
@click.native.stop="delectClick(scope.row)"
type="text"
size="mini"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</div>
</template>