社区
HTML5
帖子详情
vue tree树形结构,根据条件判断修改部分节点的字体颜色
foreverlovea
2020-10-20 10:47:33
vue中根据条件判断,设置节点的字体颜色。例如:szzjg2 异常时,字体颜色变成绿色,其他站点的颜色为灰色,不改变。
原来的节点字体颜色的样式如下:
.el-tree {
font-size: 14px;
color:#606266;
}
如何根据条件判断不同状态站点,显示不同的颜色
...全文
2303
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
基础极简入门
关于
Vue
美籍华人尤雨溪所作,文档健全,生态完整,与脸谱的React各领前端半边天下; 相对于React,
Vue
相对于初学者更容易上手; 目前统治C端市场的跨平台框架uni-app也是基于
Vue
的基础技术栈进行开发;
Vue
与React...
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" ...
vue
element-ui
tree
组件,根据不同的状态显示不同的
字体
颜色
添加自定义图标或者图片
vue
element-ui
tree
组件,根据不同的状态显示不同的
字体
颜色
添加自定义图标或者图片
vue
树形
element组件样式方法
1、temple中的代码 <el-
tree
ref="
tree
" node-key="id" :data="data2" show-checkbox :props="defaultProps" @check-change="checkChange" ...data
树形
结构
的数据 show-checkbox 显示复选框 ref 可以this.
HTML5
39,087
社区成员
5,547
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章