el-table让某一行默认高亮

最新推荐文章于 2024-06-26 10:47:13 发布

前端小趴菜05

最新推荐文章于 2024-06-26 10:47:13 发布

阅读量1.2k

点赞数 10

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/m0_68716504/article/details/136399842

版权

一.el-table设置ref

<el-table :data="tableData" ref="table" border style="width: 100%" highlight-current-row @row-click="rowclick">
     <el-table-column prop="code" align="center" label="大区" />
</el-table>

二.使用js方法实现

onMounted(() => {
     tableData.value.forEach((item: any) => {
            // 页面加载高亮相同的
            if (item.code   ==  ruleForm.gsCode) {
                nextTick(() => { //主要是这块代码
                    table.value.setCurrentRow(item)
                })
            }
        })
})