javascript - (Vue.js)访问页面时如何更改 'background-image'

Question

我想在访问页面时更改“背景图像”。

export default {
  created () {
    document.getElementsByTagName('html')[0].style.background = "url('../assets/background-blur.png') center"
  }
} //Login.vue

文件结构为
源代码
└ Assets
└背景模糊.png
└浏览量
└Login.vue

颜色正常工作，而不是“url”。例如

export default {
  created () {
    document.getElementsByTagName('html')[0].style.background = 'blue'
  }
} //Login.vue

我不知道如何解决问题。

Answer 1

我认为你应该使用require，如下所示:

export default {
  created () {
    document.getElementsByTagName('html')[0].style.background = `url(${require('../assets/background-blur.png')}) center`
  }
}