vue引入图片问题

最新推荐文章于 2024-08-12 08:30:00 发布

jiking233

最新推荐文章于 2024-08-12 08:30:00 发布

阅读量5.9k

点赞数

分类专栏： vue 文章标签：前端

本文链接：https://blog.csdn.net/mingshen3/article/details/74530994

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html

   
                   <template v-for="img in swipeImg">
                     <mt-swipe-item> <img :src="img.src"></mt-swipe-item>
                </template>

如果这么写，就无法使用vue的图片解析器，图片就无法正常显示

   
   this.swipeImg=[{
            name:"img1",
            src:'../../assets/img/img.jpg'
        },{
            name:"img2",
            src:'../../assets/img/img2.jpg'
        }
        ]
        //Toast('我是弹框')

需要使用import 或者 require将图片引入

   
           this.swipeImg=[{
            name:"img1",
            src:require('../../assets/img/img.jpg') 
        },{
            name:"img2",
            src:require('../../assets/img/img2.jpg') 
        }
        ]