v-for 本地图片地址

回答: 如果你想在v-for中使用本地图片地址，可以使用以下方法进行修改。首先，你需要在图片地址前面添加`require('../common/')`，然后再将图片地址拼接起来。例如，原始的代码是`<img v-for="item in toDoListDate" :key="item.id" :src="item.imgSrc" alt="" srcset="">`，修改后的代码应该是`<img v-for="item in toDoListDate" :key="item.id" :src="require('../common/' + item.imgSrc)" alt="" srcset="">`。这样就可以正确地遍历展示本地图片了。[2]另外，你还可以使用`new URL()`方法来获取本地图片的地址，然后将其放入一个数组中进行遍历展示。例如，你可以使用以下代码来实现这个功能：

<template>
  <div v-for="item, index in pics" :key="index">
    <img :src="item.img" alt="">
  </div>
</template>

<script>
export default {
  name: 'test',
  data() {
    return {
      pics: [
        {img: new URL('../assets/imgs/market/1.png', import.meta.url)},
        {img: new URL('../assets/imgs/market/2.png', import.meta.url)},
        {img: new URL('../assets/imgs/market/3.png', import.meta.url)},
      ]
    }
  }
}
</script>

这样，你就可以使用v-for遍历本地图片地址了。[3]