el-table获取读取数据表中某一行的数据属性,更改处理某一列数据显示方式
本文记录获取数据表中某一行数据的方法
1点击某一行获取该数据
使用 @row-click和row
<el-table
:data="classWorkTaskList"
:default-sort="{ prop: 'userId', order: 'descending' }"
style="width: 100%"
empty-text="该班级还没有布置作业"
@row-click="test"
>
<el-table-column prop="title" label="题目" />
<el-table-column prop="workTaskId" label="ID" sortable />
<el-table-column prop="startDate" label="开始时间" sortable />
<el-table-column prop="finishDate" label="截止时间" sortable />
</el-table>
</el-card>
在js的methods里写该方法
test(row){
console.log('被点击了');
console.log(row);
console.log(row.title);
}