uniapp里点击选项并把当前数组里图片带到另一个
时间: 2023-12-20 16:06:31 浏览: 106
uni-app 多图上传组件
页面的方法如下:
1. 在当前页面的wxml文件中,使用wx:for循环遍历数组,为每个选项绑定一个点击事件,并传递当前图片的路径作为参数:
```
<view wx:for="{{imageList}}" wx:key="index">
<image src="{{item}}" mode="aspectFit" bindtap="onImageTap" data-src="{{item}}"></image>
</view>
```
2. 在当前页面的js文件中,定义onImageTap方法,获取传递过来的图片路径作为参数并存储到全局变量中,然后使用uni.navigateTo方法跳转到另一个页面:
```
onImageTap: function (event) {
let imageUrl = event.currentTarget.dataset.src
getApp().globalData.selectedImage = imageUrl
uni.navigateTo({
url: '/pages/otherPage/otherPage'
})
}
```
3. 在另一个页面的wxml文件中,使用image标签显示全局变量中存储的图片路径:
```
<image src="{{getApp().globalData.selectedImage}}" mode="aspectFit"></image>
```
注意:在使用全局变量时,需要在app.js文件中定义并导出该变量,以便其他页面可以访问。
阅读全文