微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)

1. 通过url带参数传递

1.1 固定参数传递

例如，从 list 页面到 detail 页面, 传递一个或多个固定值

list页面传值：

点此进入 detail

detail页面取值：

onLoad: function (options) {

this.setData({

detail_id: options.id,

detail_name: options.name

})

}

1.2 从列表取值

从列表页进入详情页时，需要传递列表被点击项目的 id 至详情页，方法：

在列表页通过data-id='{ {item.id}}'给各个项目绑定一个 id ；

在详情页通过 onload 拿到 id;

列表页：

{ {item.title}}

￥{ {item.price}}

// 进入详情页时 传递 id

goDetail (e) {

console.log(e.currentTarget.dataset.id),

wx.navigateTo({

url: `/pages/detail/detail?id=${e.currentTarget.dataset.id}`,

})

}

详情页:

// pages/detail/detail.js

Page({

data: {

detail: {},

loading: true

},

onLoad: function (options) {

this.loadDetail(options.id); // 拿到列表页传过来的 id

console.log(options.id)

},

loadDetail (id) {

wx.showLoading({

title: '详情加载中...',

})

wx.request({

url: 'http://10.0.1.109:3000/list',

success: (res) => {

console.log(res.data.cityList);

let