VUE---列表增加选中效果

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;
 },

3. data中添加属性currentTab，在点击事件中动态变更该值。