当前位置: 首页 > 文档资料 > Feui 中文文档 >

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收个展示的图片idNumber0-
-----