1.table标签中绑定row-style属性
<el-table
@row-click="handleTemplateClick"
:show-header="false"
border
style="width: 100%"
:data="templates"
:row-style="tableRowStyle"
>
2.method中增加对应方法
//设置表格行的样式
tableRowStyle({row}){
let rowStyle = {'background-color':'#FFF'};
if(this.currentTab == row.id){
rowStyle = {'background-color':'rgb(191 219 244)'}
}
return rowStyle;
},
- data中添加属性currentTab,在点击事件中动态变更该值。