vue引入图片问题

来源:互联网 发布:vue.js是谁开发的 编辑:程序博客网 时间:2024/06/06 07:10
html
  1. <template v-for="img in swipeImg">
  2. <mt-swipe-item> <img :src="img.src"></mt-swipe-item>
  3. </template>
如果这么写,就无法使用vue的图片解析器,图片就无法正常显示
  1. this.swipeImg=[{
  2. name:"img1",
  3. src:'../../assets/img/img.jpg'
  4. },{
  5. name:"img2",
  6. src:'../../assets/img/img2.jpg'
  7. }
  8. ]
  9. //Toast('我是弹框')
需要使用import 或者 require将图片引入
  1. this.swipeImg=[{
  2. name:"img1",
  3. src:require('../../assets/img/img.jpg')
  4. },{
  5. name:"img2",
  6. src:require('../../assets/img/img2.jpg')
  7. }
  8. ]