ImgPreview 图片预览
优质
小牛编辑
127浏览
2023-12-01
import { ImgPreview } from 'feui'; components: { [ImgPreview.name]: ImgPreview }, methods: { showImgPreview(position){ const instance = ImgPreview([ 'https://i.loli.net/2018/03/23/5ab4981e8a9af.jpg', 'https://i.loli.net/2018/03/23/5ab4981e683d6.jpg', 'https://i.loli.net/2018/03/23/5ab4996ef0026.jpg', 'https://i.loli.net/2018/03/23/5ab4981e79768.jpg', 'https://i.loli.net/2018/03/23/5ab4981e81a8e.jpg' ], typeof position === 'number' ? position : 0); } }
代码演示
预览图片
<fe-button @click.native="showImgPreview"> 预览图片 </fe-button>
指定初始位置
<fe-button @click.native="showImgPreview(1)"> 指定初始位置 </fe-button>
API
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
imgArr | 需要预览的图片列表 | Array | - | - |
position | 收个展示的图片id | Number | 0 | - |
- | - | - | - | - |