页面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 ~

对小程序开发有兴趣，可以关注公众号【程序之间的贸易】