微信小程序wx.navigateTo传给子页面参数(单个参数、多个参数)

页面跳转

<button bindtap="goNext">跳转到新页面</button>

goNext(){
    wx.navigateTo({
      url: '/pages/second/second', //页面路径
    })
  },

传参

goNext() {
    wx.navigateTo({
		url: '/pages/second/second?id=2',
    })
  },

子页面接收

onLoad(options) {
    const id= options.id;
    console.log(id);
}

传多个参数

goNext() {
    wx.navigateTo({
		url: '/pages/second/second?id=2&title=shaka',
    })
  },

子页面接受

onLoad(options) {
    const id= options.id;
    console.log(id);
    const title = options.title;
    console.log(title);
}

动态传参

假设值是后端传过来的动态的值

<button bindtap="goNext" data-id="{{item.id}} data-title="{{item.title}}">跳转到新页面</button>

  goNext(event) {
    const id= event.currentTarget.dataset.id;
    const title =  event.currentTarget.dataset.title;
    wx.navigateTo({
    //可以使用模板字符串拼接变量
      url:`/pages/second/second?id=${id}&title=${title}`
    })
  },