目前遇到的业务是封装好的组件,需要传一个相对路径的一组图片路径
一、什么是相对路径?
基于当前文件, 其他文件的路径;
写法:
- ./ 当前目录(或者说同级目录)
- ../ 父级目录
- / 根目录
以上三种方法都试过,没有效果,于是用的下面的写法
<div v-for="(item,index) in img" :key="index"> <img :src="img[index]" /> </div> data(){ return{ img: [ require("@/assets/images/imgver/ver-1.png"), require("@/assets/images/imgver/ver-2.png"), require("@/assets/images/imgver/ver-3.png"), require("@/assets/images/imgver/ver-4.png"), require("@/assets/images/imgver/ver-5.png"), require("@/assets/images/imgver/ver-6.png"), ], } }