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

前言:

记录项目中遇到的问题!

正文:

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

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

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

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

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

相关推荐
程序员鱼皮几秒前
我花 300 块,让 Claude Fable 5 开发桌面 APP,值么?
前端
William_Xu6 分钟前
JavaScript 并发控制
前端
拾年2756 分钟前
从零手写 Ajax:用原生 XHR 搭建前后端交互全流程
前端·javascript·ajax
光影少年8 分钟前
懒加载与分包:React.lazy + Suspense
前端·react.js·掘金·金石计划
小林ixn23 分钟前
你以为你懂 + 号?看完这篇 Bun + TS 实战,才发现以前全写错了
前端·javascript·typescript
namexingyun1 小时前
开源前端生态如何成为 AI UI 生成的“燃料“:shadcn/ui、Tailwind CSS、Storybook 技术价值全解剖
java·前端·人工智能·python·ui·开源·ai编程
Zyed1 小时前
[STM32]Day15读写FLASH+读取ID
前端·stm32·性能优化
jvxiao2 小时前
你真的懂作用域吗?从编译原理角度深度 JS 的作用域
前端·javascript
Darling噜啦啦2 小时前
二叉树与递归算法实战:从树结构到 LeetCode 爬楼梯,一文吃透前端数据结构与递归思维
前端·javascript·数据结构
星栈2 小时前
Rust + Makepad 应用怎么打包发布:Windows、macOS、Linux 全平台交付
前端·rust