在问题如何获取element-UI中table表格的row-click获取某一行的id的问题中,网上的很多回答,经过我的验证之后发现是错误的。
网上错误的方法如下所示
<el-table :data="tableData" style="width: 100%" @row-click="openDetails(id)">
<el-table-column prop="wName" label="公众号名称"></el-table-column>
<el-table-column prop="wID" label="公众号ID"></el-table-column>
<el-table-column prop="seller" label="商家名称"></el-table-column>
</el-table>
export default {
data () {
return {
tableData: [
{
id: '1',
wName: 'xxx公众号1',
wID: 'zjfiawsf',
seller: 'xxxxx公司xxxxx公司xxxxx公司',
},
{
id: '2',
wName: 'xxx公众号2',
wID: 'zjfiawsf',
seller: 'xxxxx公司xxxxx公司xxxxx公司',
}
]
}
},
methods: {
//打开详情页弹窗
openDetails(id) {
console.log(id)
},
}
}
通过官网我们显而易见这种方法是不对
所以正确的方法如下:
<el-table @selection-change="handleSelectionChange" @row-click="handleUpdate" >
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="intID" v-if="false"/>
<el-table>
handleUpdate(row) {
console.log("获取数据",row.id)
}