v-bind:style 怎么设置多条css样式
发布于 2年前 作者 xunyhu 697 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

如题,在使用v-bind:style 时,使用一个属性键值对时webpack能够编译。 v-bind:style="{background:’url(‘+i.images[0].image+’) no-repeat center center’}" 当我加多一条键值对 background-size:’100%’的时候webpack编译就报错了。 v-bind:style="{background:’url(‘+i.images[0].image+’) no-repeat center center’, background-size:’100%’}" 请问这是什么情况呀???

5 回复
<!-- style 绑定 -->
<div :style="{ fontSize: size + 'px' }"></div>
<div :style="[styleObjectA, styleObjectB]"></div>

写成backgroundSize就行了

不会吧!和正常的一样写啊,注意驼峰写法就好了,这样的问题建议看vue官网,这样效率会高很多

属性你用的是逗号,肯定编译不过去

回到顶部