【Vue实用功能】Vue Element-UI Table点击某一行将该行设置为高亮和默认第一行高亮_vue怎么让某行字高亮

Vue Element-UI Table点击某一行将该行设置为高亮和默认第一行高亮

默认第一行高亮：highlight-current-row ，切换时也高亮

 <el-table :data="taskTabList" 
 	style="width: 100%" 
 	:data="taskTabList"
 	border
    highlight-current-row 
    ref="monthlyPlanTable">
    <el-table-column prop="created_at" label="任务"></el-table-column>
    <el-table-column prop="created_at" label="开始时间"></el-table-column>
    <el-table-column prop="created_at" label="状态"></el-table-column>
</el-table>
    
1
2
3
4
5
6
7
8
9
10
11

        watch: {
            taskTabList: function () {
                this.$nextTick(function () {
                    this.$refs.monthlyPlanTable.setCurrentRow(this.taskTabList[0])
                })
            }
        },
1
2
3
4
5
6
7