需求是这样得:表格中循环遍历出值,然后点击单个单元格触发事件。
在官方文档中得事件cell-click
,在点击每一行得时候都会触发,显然这不符合要求。
解决方法如下:
在你所需要点击触发事件得单元格中添加如下代码
<el-table-column prop="name" label="姓名" >
<template scope="scope">
<div class="sub-body" @click="rePeoplemessageCard()">{{ scope.row.name }}</div>
</template>
</el-table-column>
js
代码如下
rePeoplemessageCard(val) {
// (val,"PeopleId")
},
直接用就是了,需要在事件中触发啥就写入即可
这样就实现了点。击单个单元格触发事件
在这里顺便记录一下使用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)
}
}