在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事件的时候,会有弹出框对当前行的数据进行操作,但当前行没有高亮,所以难以看出是当前操作的哪一条数据,希望可以实现当前行的高亮,希望了解的朋友,帮忙解答一下
可以通过table的setCurrentRow方法传入当前行选中