本文主要介绍了vue inline风格背景的使用说明，具有很好的参考价值。希望对大家有帮助。来和边肖一起看看吧。

我们在使用vue开发的时候，有很多时候需要用到背景图片。

此时，内联样式将直接用于拼接您获得的数据。

在vue中直接使用style时要注意花括号。

而且你的网址必须用引号拼接。

:style=' { background image:' URL(' item . img ')' } '

搞定了。

补充：

好像可以这样写。

div:style=' ' background-image ':' URL(' content ')' '/div

更新一点。

当您设置样式的背景色时，需要添加{}。

但如果是宽度，就不用加了。

完毕！

知识拓展：vue 在已有的购买列表中（数据库返回的数据）修改商品数量

加班一个月，连续三天熬夜，最后少了一个功能，心都碎了。

简介：生成的商品清单(数据库返回的数据)

首先获取我们需要渲染的数组。

在数据中定义

测试的时候我直接写了两个数据。

单击下面的删除。

点击添加同样的代码，只有加号和减号的区别。

以上vue内嵌样式的后台使用说明都是边肖分享的内容。希望给大家一个参考，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。