vue 动态绑定背景图片的方法

vue动态绑定背景图片方法,具体介绍如下所示:

1.backgroundImage && 三目运算符

rush:js;">
imgurl ? coverimgurl : baseImg) + ')',backgroundSize:'contain'}">

1.backgroundImage

rush:js;">
imgurl + ')',backgroundSize:'contain'}">

下面看下vue如何给v-for循环的标签添加背景图片

rush:js;"> v-bind:style="{ 'background-image': 'url(' + item.Placeimgurl + ')','background-repeat':'no-repeat','background-size':'cover' }"

总结

以上所述是小编给大家介绍的vue 动态绑定背景图片方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...