van-image预览图片,点击图片预览大图
效果图如下:
下面是代码:
<div>
<van-image :src="imgTest.icon" @click="showPreview(imgTest.icon)"/>
<van-image-preview v-model="showImg" :images="icons"></van-image-preview>
</div>
export default {
name:'formDemo',
data() {
return {
showImg:false,
icons:[],
imgTest:{
desc:"锦觅",
icon:require('../../images/jinmi.png'),
isCheck:"Y",
value:"jinmi",
},
}
},
methods: {
showPreview(url){
this.icons.push(url);
this.showImg=true;
},
}
}