需求是这样得:表格中循环遍历出值,然后点击单个单元格触发事件。
在官方文档中得事件cell-click,在点击每一行得时候都会触发,显然这不符合要求
<el-table width="100%" border :data="Datalist" @cell-click="handle" >
methods: {
handle(row,column,event,cell) {
console.log(row)
console.log(column)
console.log(event)
console.log(cell)
}
}
解决方法如下:
<el-table-column label="姓名" prop="name">
<template slot-scope="scope">
<router-link :to="{ name: 'helpsResolve', params: {id: scope.row.id} }">
<span>{{ scope.row.name }}</span>
</router-link>
</template>
</el-table-column>
还可以用函数式跳转
<el-table-column prop="name" label="姓名">
<template scope="scope">
<div class="sub-body" @click="rePeoplemessageCard(scope.row)">{{ scope.row.name }}</div>
</template>
</el-table-column>
rePeoplemessageCard(val) {
// console.log(val,"PeopleId")
},