[vue] 动态加载图片和页面跳转

动态加载图片的方法

方法一：

<el-carousel-item v-for="item in imgList" :key="item.id">
    <img :src="item.img" alt="图1" />
</el-carousel-item>

data(){
    return {
        imgList: [
        {
          id: 1,
          img: require("../../assets/images/picture1.png"),
          pathUrl: "/pictures",
         },
        ]
    }
}  

方法二：

<div class="item_img" v-for="item in imgList" :key="item.id">
    <img :src="require(`@/assets/images/${item.img}`)" alt="" />
</div>

data() {
    return {
      imgList: [
        { id: 1 ,img: "picture1.jpg", name: "图1" },
      ]
    };
  }