Vue Element UI 之标签动态绑定style属性
发布日期:2021-10-13 12:43:47
浏览次数:2
分类:技术文章
本文共 541 字,大约阅读时间需要 1 分钟。
有多个 div 标签分属于多个类别,这里想要给每一个类别的 div 一个各自的背景颜色
语句如下
:style="{ 'background-color': subItem.bccolor}
具体步骤
1、绑定数据,在标签中写 :style="{'background-color': subItem.bccolor}
2、准备数据
data = [ { 'id': '101','navname': '获客拉新','info': '全渠道新用户','path': '','children': [ { 'id': '102',……,'bccolor': '#1bb85a4d','children': [] }, { 'id': '103',……,'bccolor': '#1bb85a4d','children': [] } ]} ]
完成
效果图
备注::background-color=“subItem.bccolor”
在一个测试中显示无效,可能因为用的标签是 div,不支持单独的 属性background-color,而是需要 style,针对其他可以支持的标签,大家也可以一试
转载地址:https://blog.csdn.net/qq_41956139/article/details/104686788 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2024年03月28日 03时31分48秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Spring Boot快速入门---(一)spring boot的创建及几种启动方式
2019-04-26
【物联网实训项目】------(一)家庭智慧安防系统之前期项目工作准备
2019-04-26
【物联网实训项目】------(二)家庭智慧安防系统之定时监控
2019-04-26
【物联网实训项目】------(三)家庭智慧安防系统之实时监控
2019-04-26
【物联网实训项目】------(四)家庭智慧安防系统之智能温控
2019-04-26
【物联网实训项目】------(五)家庭智慧安防系统之智能监控
2019-04-26
【物联网实训项目】------(六)家庭智慧安防系统之智能监控
2019-04-26
【物联网实训项目】------(七)家庭智慧安防系统之人脸验证
2019-04-26
日常琐事(一)
2019-04-26
数据结构----绪论
2019-04-26
篇章二线性表---基础知识
2019-04-26
篇章二线性表---常见操作
2019-04-26
回溯法关于图
2019-04-26
04 Python数据类型之元组、集合
2019-04-26
05 Python之条件与循环
2019-04-26
06 Python之函数调用与定义
2019-04-26
07 Python之Numpy库
2019-04-26