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