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知识的相关文章！