vue在div上动态引入背景图

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 就可以啦。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部