uniapp 打包的APP如何使用v-viewer

v-viewer 是一个基于 Vue.js 的图片预览插件，可以用于 uniapp 打包的 APP 中。使用 v-viewer 需要先安装该插件，并在需要预览图片的地方引入该插件。

1. 安装 v-viewer：

npm install v-viewer --save

2. 在项目中引入 v-viewer：

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

Vue.use(Viewer)

3. 在需要预览图片的地方使用 v-viewer：

<template>
  <div>
    <img v-for="(item, index) in images" :key="index" :src="item" data-original="{{item}}" alt="图片" @click="previewImage(index)">
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'https://xxx.com/image1.jpg',
        'https://xxx.com/image2.jpg',
        'https://xxx.com/image3.jpg'
      ]
    }
  },
  methods: {
    previewImage(index) {
      this.$viewer(this.images, {initialIndex: index})
    }
  }
}
</script>

这样就可以在 uniapp 打包的 APP 中使用 v-viewer 进行图片预览了。