uniapp:如何实现点击图片可以全屏展示预览

这个需要使用uniapp中的api：uni.previewImage，使用方法如下

1、html

<template>
  <view>
    <image src="图片路径" @click="preview"></image>
  </view>
</template>

2、JavaScript

<script>
export default {
  methods: {
    preview() {
      uni.previewImage({
        urls: ['图片路径'], // 需要预览的图片链接列表
      });
    },
  },
};
script>

这样就可以实现照片的预览和全屏展示了