el-table 某一行行高亮如何设置?

在el-table-column里面使用了template的时候,点击template里面dom元素的时候不知道如何实现这一行的高亮?

使用的饿了么UI开发vue项目,关于el-table组件已经使用了highlight-current-row属性实现点击行的高亮,但还有一个下面的需求没有满足

相关代码

   <el-table-column label="操作" width="60">
    <template slot-scope="scope">
      <span @click.stop="applyModifyBaseInfo(scope.row)">
        <el-tooltip effect="dark" content="添加" placement="top" v-if="judgeState(scope.row)">
          <i class="icon iconfont icon-tianjia1 caozuo-class"></i>
        </el-tooltip>
      </span>
      <span @click.stop="applyModifyBaseInfo(scope.row)">
        <el-tooltip effect="dark" content="编辑" placement="top" v-if="judgeState2(scope.row)">
          <i class="icon iconfont icon-bianji caozuo-class"></i>
        </el-tooltip>
      </span>
    </template>
  </el-table-column>

触发applyModifyBaseInfo事件的时候,会有弹出框对当前行的数据进行操作,但当前行没有高亮,所以难以看出是当前操作的哪一条数据,希望可以实现当前行的高亮,希望了解的朋友,帮忙解答一下

阅读 10k
1 个回答

可以通过table的setCurrentRow方法传入当前行选中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题