动态设置背景图片和图片地址

1.import方式

设置背景图 示例:

import test from '@/assets/test.png';
//页面内
 <div class="wrap" :style="{backgroundImage: `url(${test})`}"></div>

 2.require方式

设置图片路径

<img :src="item.pic1" alt="" />
//js代码内
let item.pic= require(`@/assets/test/${nameIndex[1]}.png`)

 

posted @ 2022-01-11 15:14  阿兰儿  阅读(356)  评论(0编辑  收藏  举报