<div class="container" :style="style"></div>
.container {
background: none 0 0 no-repeat;
}
computed: {
style() {
return {'background-image': `url(${this.xqBg})`};
}
},
这篇博客探讨了如何使用CSS来设置元素的背景图片,包括如何通过计算属性动态地改变背景图片。文章详细介绍了`.container`类的样式定义,特别强调了`background-image`属性的使用,以及结合JavaScript计算出的`this.xqBg`变量如何作为图片URL来实现背景图片的动态加载。
<div class="container" :style="style"></div>
.container {
background: none 0 0 no-repeat;
}
computed: {
style() {
return {'background-image': `url(${this.xqBg})`};
}
},
2529
737

被折叠的 条评论
为什么被折叠?