ImgPreview 图片浏览

浏览一张图片

<template>
  <plv-button @click="openImg">浏览一张图片</plv-button>
</template>

<script>
  export default {
    methods: {
      openImg() {
        this.$imgPreview('http://liveimages.videocc.net/uploadimage/20210107/chat_img_1778938_16099997482257.jpeg');
      }
    }
  };
</script>

显示代码

浏览多张图片

<template>
  <plv-button @click="openImg">浏览多张图片</plv-button>
</template>

<script>
  export default {
    methods: {
      openImg() {
        this.$imgPreview([
          'http://liveimages.videocc.net/uploadimage/20210107/chat_img_1778938_16099997482257.jpeg',
          'http://liveimages.videocc.net/uploadimage/20210107/chat_img_1778938_16100004347295.jpeg',
        ]);
      }
    }
  };
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
imgs	图片地址	String Array	-	-