美文网首页
vue 图片放大组件 v-viewer

vue 图片放大组件 v-viewer

作者: 奕格 | 来源:发表于2021-11-16 14:38 被阅读0次

api

https://mirari.cc/2017/08/27/Vue%E5%9B%BE%E7%89%87%E6%B5%8F%E8%A7%88%E7%BB%84%E4%BB%B6v-viewer%EF%BC%8C%E6%94%AF%E6%8C%81%E6%97%8B%E8%BD%AC%E3%80%81%E7%BC%A9%E6%94%BE%E3%80%81%E7%BF%BB%E8%BD%AC%E7%AD%89%E6%93%8D%E4%BD%9C/

图片点击事件

// 如果使用`app.use`进行全局安装, 你就可以像这样直接调用`this.$viewerApi`

      const $viewer = this.$viewerApi({

        options: {

          initialViewIndex: index,

          rotatable: false,

          scalable: false,

          toolbar: false,

          inline: true,

          // navbar:false, // 底部图片列表栏

          zoomable: false,

          fullscreen: false,

          tooltip: false,

        },

        images: this.imgList,

      });

相关文章

网友评论

      本文标题:vue 图片放大组件 v-viewer

      本文链接:https://www.haomeiwen.com/subject/hoehtrtx.html