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

时间:2023-01-29 23:09:30

:class的坑

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

 

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

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

 

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

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

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

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

 

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

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

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

 

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

 

 

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