vue.js怎么改背景图片·怎么改变了背景图片,vue.js改变背景图片的方法:通过内嵌样式引入样式,使用[require ()]方法,代码为[div :style=’leftBg’/div]。
[相关文章推荐:vue.js]
vue.js改背景图片的方法:
在Vue项目的开发中,我们经常在页面中添加背景图片,但是当我们在样式中添加背景图片,编译打包,在服务器上配置时,由于路径解析的问题,图片无法正确显示,如下图CSS样式所示:
background:url(‘././assets/left-BG . jpg ‘);
这时候就要考虑用其他方法了。节点提供了一种更有效的方法来解决这个问题,如下所示:
在数据中定义如下:
data() {
返回{
leftBg: {
background : ‘ # 235 d8b URL(‘ require(‘。/assets/left-BG . png ‘)’)no-repeat scroll 0 bottom ‘,
},
topBg: {
background : ‘ # 235 d8b URL(‘ require(‘。/assets/top-bg.png ‘)’)无重复向右滚动0 ‘,
高度: ’80px ‘
{}
{}
}使用了require()方法,require()是node.js方法。
通过内嵌样式引入样式:
div :style=’leftBg’/div
相关免费学习推荐:JavaScript(视频)
以上是vue.js在怎么改的背景图的详细内容,请多关注Lei.com其他关于php知识的相关文章!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)