uniapp里点击商品图片跳到商品详情时怎么同步相同图片

在跳转到商品详情页面时，可以将商品图片的URL作为参数传递给商品详情页面，然后在商品详情页面中通过获取该URL，再次展示商品图片。这样就可以保证在不同页面中展示的是同一张图片。具体实现方法如下：

1. 在商品列表页面中，点击商品图片时，跳转到商品详情页面，同时将商品图片的URL作为参数传递给商品详情页面：

<template>
  <view>
    <image :src="item.imageUrl" @click="goToDetail(item.imageUrl)"></image>
  </view>
</template>

<script>
export default {
  methods: {
    goToDetail(imageUrl) {
      uni.navigateTo({
        url: `/pages/detail/detail?imageUrl=${imageUrl}`
      })
    }
  }
}
</script>

2. 在商品详情页面中，通过获取URL参数，展示商品图片：

<template>
  <view>
    <image :src="imageUrl"></image>
  </view>
</template>

<script>
export default {
  computed: {
    imageUrl() {
      return this.$route.query.imageUrl
    }
  }
}
</script>

这样，在不同页面中展示的就是同一张图片了。