img标签动态添加相对路径地址

vue 中有两种办法可以动态在html 文件中添加相对路径：

1. 利用import 引入后直接使用

2.在data 中利用 require 引入后使用，如下例子===》

 // html 代码

 <img :src="../../assets/1.jpg">


 //此时图片不能显示， 需要先把图片都引进来
 
 html中:
 <div v-for="(item,index) in list" :key="index">
   <img :src="imageList[index]" />
 </div> 

 // 在data中

 data() {
    return {
        imageList:[
            require('@/assets/1.jpg'),
            require('@/assets/2.jpg'),
            require('@/assets/3.jpg'),
            require('@/assets/4.jpg')
        ]
    }
}

标签：assets,img,标签,require,jpg,html,相对路径,data
来源： https://www.cnblogs.com/qianduan-lucky/p/15862114.html