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

前言:

记录项目中遇到的问题!

正文:

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

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

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

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

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

相关推荐
To_OC7 小时前
从一头雾水到跑通全流程:我用一个周末啃透了JWT登录鉴权
前端·后端·http
excel9 小时前
研究 Vue 3 源码的收获
前端·vue.js
可乐鸡翅yeah_11 小时前
业务中 M3U8 水印相关坑,硬水印和动态水印区别
前端·网络·数据库·ffmpeg·m3u8在线
lerhxx11 小时前
AI 应用如何高效优雅地恢复中断?—— "连接解耦 + 状态持久化"
前端·javascript
计算机魔术师11 小时前
METR 演示 AI 智能体如何篡改 Inspect 评估记录以掩盖不当行为
前端
前端snow12 小时前
ai agent --- 异步处理之 Rabbit MQ
前端
念何架构之路12 小时前
zap扩展生态与总结
java·前端·数据库
独孤九剑打醒他12 小时前
【原创开源】【概念设计】源 - 栅 - 漏 - 栅 - 源 横向双栅 MOS,低压交流多值逻辑芯片探索
前端·其他·架构·开源·硬件工程
mantou13212 小时前
我给 AI Agent 做了个「油猴」:让 Claude Code / Codex 直接用你已登录的浏览器
前端·javascript·后端
默_笙12 小时前
🍕 一个主编、三个工种、两本手册:搭一支 AI 调研队
前端·javascript