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;
},
}
}