uni.previewImage(OBJECT)

api可以实现预览图片的功能。但是在实际使用中,出现了 点击预览没有效果的情况。
官网介绍
image.png

  1. 排查图片地址是否正确,图片地址可以是下载地址 或者 预览地址
  2. 打印地址 调试,排查是否执行了预览方法
  3. urls 传递的参数是 Array 即使是单张图片 也要按格式传递。

    1. imgListPreview(urls) {
    2. uni.previewImage({
    3. indicator: "number",
    4. loop: true,
    5. urls,
    6. });
    7. },
  4. sourceType属性

image.png

  1. 使用web-view的时候,遇见了组件之间传值,图片url路径参数被截取掉的问题。解决方案是父组件只传递 uuid 给子组件,子组件重新调接口,获取图片全路径。 ```jsx // 父组件 this.$u.route({ url:’page/xxx/xxx’, params:{ uuid, } })

// 子组件 onLoad(options) { this.getImgUrl(options.uuid); } ```