微信小程序带参数跳转页面并接收参数

版权声明：本文为博主原创文章，未经博主允许不得镜像、转载。 https://blog.csdn.net/qq_21041889/article/details/90061721

这里有两种写法，想用哪种，凭君喜好

从datail.wxml 带参数跳转到 apply.wxml

1、通过绑定方法的方式进行跳转

datail.wxml代码如下：

<view class='bg-red submit' bindtap='apply' data-id="{{coursedetail.id}}" data-title='{{coursedetail.title}}'>立即订购</view>

datail.js代码：

apply: function (e) {
    var data = e.currentTarget.dataset;
    wx.navigateTo({
      url: '/pages/apply/apply?id=' + data.id + '&title=' + data['title'],
    })
  },

 apply.js

data: {
id:'',
title:''
},
onLoad: function (options) {
    this.setData({
      id: options.id,
      title: options.title，
    })
  },

 二、直接跳转

<navigator class='looks-view' wx:for="{{course_list}}" wx:key="index" url="/pages/apply/apply?id={{item.id}}&title={{item.title}}">
     <text class='looks-view-text'>{{item.id}}</text>
     <text class='looks-view-text'>{{item.title}}</text>
</navigator>

apply.js

data: {
id:'',
title:''
},
onLoad: function (options) {
    this.setData({
      id: options.id,
      title: options.title，
    })
  },

如此便可以获取了