vue在div上动态引入背景图

1. 其实引入动态背景图很简单,但是方法要对,不然一直会报错。下面是正确的方法,在我尝试了各种方法后唯一成功的一种。 1、图片必须用require引入,然后跟

1. 其实引入动态背景图很简单,但是方法要对,不然一直会报错。下面是正确的方法,在我尝试了各种方法后唯一成功的一种。

1、图片必须用require引入,然后跟上你的路径,之后在跟上你图片的名字参数

 <div class="myDesk-page":style="{ 'background':  'url(' + require('../../../../icons/'+backgroundImg) + ')',}"><div class="left_area"><div><img width="64" :src="imgSrc" alt="">div>div>
export default {props: ["imgSrc", "backgroundImg"],};

⚠️ ’backgroundImg‘ 就是你传入的图片后缀名
类似于 management_report_bg.png 就可以啦。