修改ElementUI 框架中 TreeSelect树形选择的Icon

前言:

记录项目中遇到的问题!

正文:

需求:修改树形选择展开/收起的图标,不适用默认三角,使用自定义

问题描述:在使用:deep()去修改样式的的时候发现不生效,在全局样式中修改可以生效,但 是这个需求只在单个页面中,不能影响其他页面的样式。

在控制台查看了元素的样式,发现元素和 #app 元素是同级别,是直接追加在body中的。el-poper-container-xxx 这个id的值也是个变量,刷新页面后数字会更变。

问了大模型,给了很多方法,尝试后无效,又去看ElementUI文档,通过prop属性可以给每一个el-tree-node添加类名

然后,在全局样式中进行样式修改,这样即完成了样式的修改,又不影响其他页面样式。

相关推荐
C澒1 小时前
解决多市场业务复用与差异化痛点:Vue Composition API 分层架构方案
前端·架构·前端框架
努力往上爬de蜗牛2 小时前
el-table列表修改某个输入框输入 卡顿问题修改
javascript·vue.js·elementui
深念Y2 小时前
一个Bug:Vue Router 4.3.0 导致浏览器窗口无法最小化
前端·vue.js·bug·窗口·最小化·bilibili·视频网站
湛海不过深蓝2 小时前
【procomponents】根据表单查询表格数据的两种写法
前端·javascript·react.js
大Mod_abfun2 小时前
AntdUI教程#1ChatList交互(vb.net)
服务器·前端·ui·交互·antdui·聊天框
憧憬成为web高手2 小时前
xss学习记录--xss-lab部署
前端·学习·xss
窝子面2 小时前
十四、弹窗组件
前端