vue引入图片问题

htmlv-for="img in swipeImg">:src="img.src">如果这么写，就无法使用vue的图片解析器，图片就无法正常显示this.swipeImg=[{name:"img1",

jiking233

6003人浏览 · 2017-07-06 11:37:40

jiking233 · 2017-07-06 11:37:40 发布

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') 
        }
        ]

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^