vue中data数组里怎么放本地图片

vue渲染图片

一只蓝胖子~

2776人浏览 · 2022-06-13 14:07:23

一只蓝胖子~ · 2022-06-13 14:07:23 发布

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