返回介绍

ImgPreview 图片预览

发布于 2020-05-05 22:51:21 字数 1222 浏览 1111 评论 0 收藏 0

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-
-----

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文