微信小程序页面跳转

Posted 熊大黑吖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序页面跳转相关的知识,希望对你有一定的参考价值。

微信小程序进行页面跳转时的思路跟平时所做项目是一样。例如每个商品都有商品详情页,点击不同商品时携带商品的参数信息id,

代码如下:

  hrefLink(e) {
    console.log(e);
    let data = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: ‘../article/article?id=‘+data
    })
  }

点击时,执行hrefLink函数,商品信息参数(e);然后将商品信息的id值赋值给data。之后进行页面跳转navigateTo函数,在地址后面携带参数data。

  onLoad(data) {
      console.log(‘---------‘);
    console.log(data);
      console.log(‘-------‘);
    var _this=this;
    u.get(data.id, {
      success: function (object) {

在跳转后的页面执行onLoad函数,onLoad函数是页面加载前完成的函数,接收url传值data,可以将data进行打印,出来。此处由于文件写在本地json里,直接在前方用了JS进行查询。项目中可以在之后用wx.request函数,将data值传到服务端,由服务器端根据data识别商品,取出商品信息,返回给前端,进行页面显示。

 

以上是关于微信小程序页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序携参跳转页面

请问微信小程序跳转页面就没有底部导航栏怎么办?

微信小程序不跳转页面传递数据

微信小程序页面常用的5种跳转方法

微信小程序页面跳转的方法都有哪些

微信小程序页面跳转的方法都有哪些