社区
HTML5
帖子详情
vue tree树形结构,根据条件判断修改部分节点的字体颜色
foreverlovea
2020-10-20 10:47:33
vue中根据条件判断,设置节点的字体颜色。例如:szzjg2 异常时,字体颜色变成绿色,其他站点的颜色为灰色,不改变。
原来的节点字体颜色的样式如下:
.el-tree {
font-size: 14px;
color:#606266;
}
如何根据条件判断不同状态站点,显示不同的颜色
...全文
2299
2
打赏
收藏
vue tree树形结构,根据条件判断修改部分节点的字体颜色
vue中根据条件判断,设置节点的字体颜色。例如:szzjg2 异常时,字体颜色变成绿色,其他站点的颜色为灰色,不改变。 原来的节点字体颜色的样式如下: .el-tree { font-size: 14px; color:#606266; } 如何根据条件判断不同状态站点,显示不同的颜色
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
A 陳
2023-06-16
打赏
举报
回复
可以利用box-shadow
gqkmiss
2020-10-20
打赏
举报
回复
2
不同的站点状态 渲染不同的class
https://cn.vuejs.org/v2/guide/class-and-style.html
Vue
3.0+.NET6.0前后分离电商实战之从零搭建
Vue
开发
基于
Vue
3和.NET6的鲜花网项目实战,前后分离,包含一系列当前较新的技术点,适合不同知识面的同学自我提升,多元化学习。
Vue
树形结构
中
节点
的字体大小
修改
Vue
树形结构
中
节点
的字体大小
修改
Element
Tree
修改
节点
颜色
Tree
试验插槽,给定 slot-scope="{data}",通过 data 的状态设置
节点
颜色,slot 又两个参数 data,node <el-
tree
lazy ref="
tree
" node-key="id" :props="props" :load="loadNode" v-if="
tree
State" highlight-current :expand-on
vue
树形element组件样式方法
1、temple中的代码 <el-
tree
ref="
tree
" node-key="id" :data="data2" show-checkbox :props="defaultProps" @check-change="checkChange" > </el-
tree
> data
树形结构
的数据 show-checkbox 显示复选框 ref 可以this.
element-ui
tree
树形控件样式更改,
节点
后添加文字。
element-ui
tree
树形控件对样式进行一定的更改,在每个
节点
后添加相应的文字内容。
HTML5
39,084
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章