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