把样式对象作为Vue实例内的计算属性来处理,因为这个属性是由attachRed经过计算得到可以调用divClasses,它像其它的计算属性一样是个函数,这个函数应该返回一个JavaScript对象,在Vue代码里必须通过this来访问这个属性,效果和上一篇文字一样,只不过样式部分改用一个属性处理了,这里用的是计算属性,要是不依赖attachRed属性,当然也就不需要使用计算属性,把这段逻辑存到JavaScript里模板就简洁了许多比较下面两份代码,一个通过模板代码孔氏是否添加CSS样式,一个通过计算属性控制是否添加CSS样式
CSS类动态样式---使用对象
原创
©著作权归作者所有:来自51CTO博客作者wx5a5f8671bdd15的原创作品,请联系作者获取转载授权,否则将追究法律责任
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
js如何动态的修改css的background-image的样式
$("#instagram-section").css("background-image","url("+result.picurl+")");好记性不如
js .css background-image css 烂笔头 -
Js如何动态修改css样式
Js如何动态修改css样式
css 类名 样式表 css样式 嵌入式