页面1
页面2
实现效果：点击页面1 可以直接跳进页面2
实现过程：
xhtml
<view class="rank" wx:for="{{rankList}}" data-ids="{{item.id}}" data-names="{{item.name}}" data-description="{{item.description}}" bindtap="toDetail">js 页面1 rankList我自己是用java接口的
data：{
rankList:{}
}toDetail(e){console.log(e.currentTarget.dataset.names); // namewx.navigateTo({url: '../detail/detail?id=' + e.currentTarget.dataset.ids + '&name=' + e.currentTarget.dataset.names + '&description=' + e.currentTarget.dataset.description,})},ok 页面2 js获取
onLoad(options) {wx.setNavigationBarTitle({title: '详情',});// 获取传递的参数const { id, name, description } = options;// 构建新的数据对象const newItem = { id, name, description };// 获取当前页面的rankList数据const rankList = this.data.rankList || [];// 将新数据对象添加到rankList中rankList.push(newItem);// 更新rankList数据this.setData({rankList: rankList}, () => {console.log(this.data.rankList);});}, 页面2 xhtml
<view class="content" wx:for="{{rankList}}" >
<view class="detailHead">{{item.name}}</view>
<view class="detailContent">{{item.description}}</view>
<view class="detailPs">{{ps}}</view>
</view>全程只需要 修改css ~
对小程序开发有兴趣，可以关注公众号【程序之间的贸易】
