vue v-for遍历图片路径

最新推荐文章于 2024-04-29 13:48:58 发布

黛玉戴玉逮鱼

最新推荐文章于 2024-04-29 13:48:58 发布

阅读量651

点赞数

分类专栏： Vue 文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_44730335/article/details/127107629

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

代码如下：

<div class="item" v-for="(item, index) in itemNums" :key="index">
    <img class="head" :src="item.headPho" />
</div>

<script>
export default {
  data() {
    return {
      itemNums: [
        {
          headPho: require("../../public/static/imgs/tx04.jpg"),
          name: "电商时代来了哈哈",
          num: 123,
        },
        {
          headPho: require("../../public/static/imgs/tx04.jpg"),
          name: "乘风破浪",
          num: 111,
        },
      ],
    };
  },
};
</script>