vue 动态绑定图片，图片数组

js 部分:Itemsrc:[{imgUrl:require('../assets/img/detail-1.jpg'),},{imgUrl:require('../assets/img/detail-2.png'),},{imgUrl:require('../assets/img/detail-3.jpg'),},{i.

hddlsj

2945人浏览 · 2022-04-20 14:28:10

hddlsj · 2022-04-20 14:28:10 发布

js 部分:
 Itemsrc:[
                      {imgUrl:require('../assets/img/detail-1.jpg'),},
                      {imgUrl:require('../assets/img/detail-2.png'),},
                      {imgUrl:require('../assets/img/detail-3.jpg'),},
                      {imgUrl:require('../assets/img/detail-4.jpg'),},
                ]
                   
            }
html 部分 :
 <van-swipe-item  v-for="(item,index) in Itemsrc" :key="index">
      <img :src="item.imgUrl" >
  </van-swipe-item>


这样 图片就上去了

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}$/, //不连续的两位字母// /^