4.(vue3.x+vite)更改element-plus组件样式的几种方式(如:el-table)

效果预览

4.(vue3.x+vite)更改element-plus组件样式的几种方式(如:el-table)_第1张图片

一:简介

更改element-plus组件样式的几种方式(如:el-table)
(1):deep方式:使用该方法,需在根节点

内,否则无效。
外层html元素建议加class过滤筛选,防止影响其他样式。也可使用“>>>”符号
样式区域会生成[data-v-xxxxxxxx]哈希值

<!--不需要lang="scss"-->
<style scoped>

</style>

(2)代码动态修改:使用document动态修改其style样式

二:相关代码

 
 

你可能感兴趣的:(前端技术社区,vue.js,前端,javascript,vue3.x+vite,element-plus,el-table)