Vue 列表与表格高亮设置

• 2020 年 3 月 4 日
• 筆記

点击li 元素设置高亮的方法

<li v-for="(item,index) in lists" :key="index"      :class="{ activeLi: currentLi == item }"      @click="handleClick(index)"      class="pointer">      {{item}}  </li>

    handleClick(index) {        let list = this.lists[index];        this.currentLi = list      },

.activeLi{    background:#ecf5ff;  }

表格的高亮可以设置     highlight-current-row

      <el-table          :data="tableData"          border          @row-click="handleRowClick"          highlight-current-row        >

如果进入页面默认某一行高亮可以使用    setCurrentRow()方法

为el-table 设置ref="table"  假如设置第二行高亮

this.$refs.table.setCurrentRow(this.tableData[1]);