是这样的,我有好多图片需要显示,他们的名字只有最后一个字符不同,所以我想着设置一个字符串前缀,然后动态绑定图片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 } }