当前第2页 返回上一页
在data中定义如下：
1 2 3 4 5 6 7 8 9 10 11 | data() {
return {
leftBg: {
background: "#235d8b url(" + require("./assets/left-bg.png") + ") no-repeat scroll 0 bottom",
},
topBg: {
background: "#235d8b url(" + require("./assets/top-bg.png") + ") no-repeat scroll right 0",
height: '80px'
}
}
}
|
其中使用require()方法，require()是node.js方法。
通过行内样式将样式引入：
<div :style ="leftBg"></div>
相关免费学习推荐：JavaScript（视频）
以上就是vue.js怎么改背景图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
vue.js能做app吗
vue.js页面间如何实现传值
如何安装vue.js devtools？
如何做到刷新vue.js改变数据
css怎么设置全屏背景图片
vue.js怎么让网页定时刷新
vue.js中component怎么用
vue.js如何引用vue router
vue.js中怎么拼接字符串
vue.js中如何运行项目
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js怎么改背景图片
