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_'
    }
}

还是不行？？报错：

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

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

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

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

😪看来得改下代码了，前面的路径还是不用变量了……