vue动态图片地址

2021-04-07 11:08:35 浏览数 (1)

文件路径

原先地址

代码语言：javascript复制

<img :src="@/assets/images/1.png" style="width: 15px;height: 15px;">

由于要求动态传地址需要拼接但是拼接不了后面查了很多发现一个可以用的

代码语言：javascript复制

<img :src="getImageUrl(img)" style="width: 15px;height: 15px;">

其中 getImageUrl(img) 中的img为传进来的字符串

而方法为

代码语言：javascript复制

getImageUrl (taskImg) {
    let a =require('@/assets/images/' taskImg);
    return a;
}

发布者：全栈程序员栈长，转转请注明出处：https://javaforall.cn/2214.html原文链接：

0 人点赞