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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue cli3 中引入 bootstrap
下一篇:Vue Element UI 之日历组件 vue-calendar-component 和 vue-fullcalendar

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年03月28日 03时31分48秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章