vue 图片放大组件 v-viewer

2021-11-16  本文已影响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,

      });

上一篇下一篇

猜你喜欢

热点阅读