如何解决在vue.js中动态更改background-image的问题？

本文共计537个文字，预计阅读时间需要3分钟。

目录 + Vue.js 动态修改 background-image + Vue 中 background-image 问题 + 解决方案 + 小结 + Vue.js 动态修改 background-image + 网上搜索了一圈，都没找到 Vue.js 动态修改 background-image 的相关代码，找到的都只是 ESLint 写法。

目录

• vue.js动态修改background-image
• vue中background-image问题
• 解决方案
• 小结

vue.js动态修改background-image

网上搜罗了一圈都没找到vue.js动态修改background-image的相关代码，找到的都是eslint写法的。eslint的写法在js中用不了，直接报错。最后自己试下了下结果可以了。

这个是eslint写法

<div class="content-wapper" :style="{backgroundImage:'url('+seller.avatar+')'}">

这个是js写法，嘿嘿，其实很简单，主要是es和js编码规则不一样。