Element Plus改变Table选中行背景颜色的最简单方法

蓝洛水深 • 2023年4月25日下午6:18 • 网站 • 阅读 979

无论是Element Plus官方还是网络上，其实都给了很多方法，但是实践下来发现不一定能成功，并且具有一定的复杂性，这里分享一种非常简单的方法。

比如我们要修改Table选中行背景颜色，只需要再App.vue进行简单修改即可。

在onMounted中对颜色进行定义即可全局生效。

onMounted(() => {
    document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

    window.onresize = () => {
        settingsStore.setMode(document.documentElement.clientWidth)
    }
    window.onresize()
})


只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')