Vuejs：使用v-for显示资产中的一系列图像

Question

我的素材资源文件夹中有100张名为1.png到100.png的图像。我想使用v-for来显示它们，但是我不想为它们的每个URL进行硬编码。

<div v-for="n in 100">
    <img src="../assets/photos/(1.png, 2.png...).png">
</div>

我应该为（1.png，2.png ...）做些什么？我应该使用将它们放入数据中吗？

Answer 1

使用template literals动态构建src，然后使用v-bind:src绑定src属性：

<div v-for="n in 100">
    <img v-bind:src="`../assets/photos/${n}.png`">
</div>