码迷,mamicode.com
首页 > 其他好文 > 详细

vue 中内样式动态绑定的 坑!!

时间:2017-12-31 20:56:51      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:nbsp   技术   png   ...   无法解析   遍历   写法   动态绑定   字符   

:class的坑

在vue的使用中, :class动态绑定样式是很常用的手段, 今儿在用三元表达式 + :src 图片路径判断时 却出现了一个坑 ..

 

因为是 v-for 遍历的子元素, 需要添加判断条件, 所以起初的写法是这样:

技术分享图片

 

当然, 这样写浏览器不会解析, 因为 双引号" " 中又加了 " ", 改成字符串模板解析url后:

技术分享图片

技术分享图片

则会无法解析相对路径 ...

 

最终解决办法只能是先定义了样式, 再在 :class 中进行绑定

技术分享图片

技术分享图片

 

不知哪位大大看到了解释下不能解析路径的问题???

 

 

技术分享图片

vue 中内样式动态绑定的 坑!!

标签:nbsp   技术   png   ...   无法解析   遍历   写法   动态绑定   字符   

原文地址:https://www.cnblogs.com/olivier17/p/8158295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!