vue 循环动态绑定图片src

是这样的,我有好多图片需要显示,他们的名字只有最后一个字符不同,所以我想着设置一个字符串前缀,然后动态绑定图片src属性,如下代码:

<img :src="imgPre + '1.png'" >

data() {
    return {
        imgPre: '../imgs/test_'
    }
}

但是不行,忽然想起来,img动态绑定src的话,得用require,那好吧,我加上require:

<img :src="require(imgPre + '1.png')" >

data() {
    return {
        imgPre: '../imgs/test_'
    }
}

还是不行??报错:

vue  循环动态绑定图片src

 参考这篇博客后: https://blog.csdn.net/hzxOnlineOk/article/details/96307270

 require中path必须得是正确格式,于是我改成这样,就可以了:

<img :src="require('../imgs/test_' + num + '.png')" >

data() {
    return {
        imgPre: '../imgs/test_',
        num: 1
    }
}

上一篇:使用pytorch画图像标注框


下一篇:切割图片基于人脸识别选出人脸部分