网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

CSS类动态样式----使用命名-创新互联

理由:有时你不行事先确定是否添加某个CSS类,你想要计算或者动态决定,比如说添加


标签和输入框,输入框绑定color属性,查看代码:
CSS类动态样式----使用命名现在
元素根color属性产生了关联,而color的值在输入框设置,在输入框中把值改成blue或者red,等任意设置过的CSS类。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的威信网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

理解过程:我灭有用布尔值来控制是否添加greenl类,而是直接输出CSS类的名称,它正好是data对象中的属性,该属性值在输入框中设置,值也可以通过其它方式,不一定非得输入框,关键在于我存的是具体值,而不是布尔值,是被添加的东西------CSS类名称,也可以通过输入语法添加多个CSS类:
CSS类动态样式----使用命名
变成数组后,效果还是没有变,还可以改成混合数组,
CSS类动态样式----使用命名

现在该元素始终由greenl类,因为值写在输入框中,可以改成blue,red,
如果现在点击div1再删掉,就可以看到第三个块变成 了红色,因为此时该元素也添加了red类,现在我们设置了CSS类数组,Vue会自动分析这个数据结构,然后根据数组每项的解析结果,合并成一个CSS类列表,而每项解析成什么?他们分别解析为color属性即一个CSS类,和一个对象,如果是对象,Vue就指定这是个键(key)值(value)对,key是CSS类,value为是否要添加该CSS类的布尔值,这里attachRed属性就是决定是否要添加类,两种语法都能够兼容,直接使用CSS类,或者使用一个对象,对象中key是CSS类,value是添加判断。全部代码为:
CSS类动态样式----使用命名

CSS类动态样式----使用命名

CSS类动态样式----使用命名

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站标题:CSS类动态样式----使用命名-创新互联
文章源于:http://bjjierui.cn/article/csjsed.html