在我们使用vue开发的时候 有很多时候我们需要用到背景图
这个时候会直接使用 内联样式 直接把你拿到的数据拼接上去
注意 在vue中直接使用style时 花括号一定别忘记
还有就是你的url一定要加引号拼接
:style = ' { backgroundImage : " url ( " + item.img + " ) " } '
完事!
补充:
好像还可以这样写
更新一点
当你的style设置背景色得时候是需要加{}得
但是如果是width这种就不用加了
over!
vue 内联样式style三元表达式(动态绑定样式)
动态绑定样式
v-bind指令动态绑定class和内联样式style
动态绑定class—概述 数据绑定(v-bind指令)一个常见需求是操作元素的 class 列表.因为class是元素的一个属性,我们可以用v-bind处理它们 我们只需要计算出表达式最终的字符串 ...
Vue 内联样式的数据绑定
Vue 内联样式的数据绑定 之前学的是数据绑定 class,现在可以将数据绑定到 style 中.
vue.js中内联样式style三元表达式
搜索
Vue.js05:vue内联样式
对象就是无序键值对的集合
Vue学习之路第十二篇:为页面元素设置内联样式
1.有了上一篇的基础,接下来理解内联样式的设置会更简单一点,先看正常的css内联样式:
vue 绑定 class 和 内联样式(style)