本文介绍了在Vue.js中实现动态修改背景图片的方法。作者对比了eslint和js两种写法，指出eslint的写法在js环境中会报错，并分享了亲测有效的js写法，即通过转义单引号来正确设置背景图片。
网上搜罗了一圈都没找到vue.js动态修改background-image的相关代码，找到的都是eslint写法的。eslint的写法在js中用不了，直接报错。最后自己试下了下结果可以了。
这个是eslint写法
<div class="content-wapper" :style="{backgroundImage:'url('+seller.avatar+')'}">
这个是js写法，嘿嘿，其实很简单，主要是es和js编码规则不一样。加个转义后的单引号就行了
<div class="content-wapper" :style="{backgroundImage:'url(\''+seller.avatar+'\')'}">
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
