用了第三方组件的必然都会遇到你这样的问题，我说下我的解决方法，不一定是好的。
一个vue文件可以写多个<style></style>，加上socped代表本组件的样式，不污染全局。如果需要覆盖第三方组件样式，则不能加scoped，因此需要另写一个<style>.xxx-component{...}</style>，这里用一个大类包裹防止污染全局。
接着，我用比较笨的方法(有好的方法请告知)，就是打开f12检查究竟要覆盖哪些样式，然后写在没有加scoped的style里即可。
其实一些好的第三方UI库都有提供自定义样式的方法的，这样实现起来才是最便捷的。
这个代码是没有错误的，一般设置之后不生效的原因有以下几个：1、图片的地址写错了，特别是相对路径的时候写错，注意该地址的相对路径是相对于你的CSS文件地址的路径。你可以用绝对路径，就是整个背景图片完整地址写进去看是否生效。
2、背景图片缺失，就是你这个背景图不存在。你可以看下把你背景链接在浏览器中键入，看是否路径正确。
3、如果12都没有错，外层DIV背景样式覆盖，可能你这个层是嵌套层，外面父层有其他的背景图样式遮住了，请仔细检查父层或者全局背景样式。
4、如果123都没有错，请检查一下是否该容器是否被多处定义样式，造成样式冲突。用你的容器名
或者ID名
在CSS文件里面检索一下。比如你这个背景是设置在.class中
用.class搜索你的css文件是不是被多处定义了。
以上！
