vue src动态赋值本地图片遍历不显示问题解决办法

最新推荐文章于 2024-07-04 15:34:31 发布

不知名Do

最新推荐文章于 2024-07-04 15:34:31 发布

阅读量813

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_46027556/article/details/133813899

版权

图片放在src同级的static文件夹下

<template>
  <div>
    <div v-for="(image, index) in images" :key="index">
      <img :src="require(`@/assets/${image}`)" alt="Local Image" />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      images: [
        'image1.jpg',
        'image2.jpg',
        'image3.jpg',
        // 添加更多的图片文件名
      ],
    };
  },
};
</script>