您现在的位置是：网站首页> 编程资料编程资料

Vue vant使用ImagePreview实现预览图片_vue.js_

2023-05-24 411人已围观

简介 Vue vant使用ImagePreview实现预览图片_vue.js_

编列数组生成图片，点击预览图片

一个用字符串，用，分割为数组，编列数组生成图片，点击预览图片

在使用vue的过程中，vant在移动端的地位还是很高的，本文简单介绍一下如何在自己项目中实现ImagePreview图片预览效果，获取图片索引,点击哪一张就预览哪一张

1、局部注册ImagePreview

import { ImagePreview } from "vant";

2、创建处理函数open，执行imagepreview函数

关键参数：图片数组、图片索引、是否可关闭

3、点击图片调用open函数预览效果

在vant中 ImagePreview 图片预览的详细参数请看这里点击查看更多喔！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：elementui中tabel组件的scope.$index的使用及说明_vue.js_