小程序页面跳转及参数的传递与接收
最近在正一个卡片类的小程序,由于自己目前还是不怎么会使用画布功能,所以采用了多骨鱼的一个开源小程序demo再改,而且他的界面也挺漂亮的,我只是在其中加了一些自己想要的功能。这次主要说一下小程序页面的跳转和参数在跳转页面之间的传递与接收。

首先收一下页面之间的跳转,这个还是挺简单的官网有直接的api可以调用(navigateTo):

 wx.navigateTo({
            url: '/pages/index/index',
        })

其中还有很多参数,大家可以去查看官网的介绍,我只是想实现页面的跳转就这写了这一个,url是必填的,也就是需要跳转的页面路径,应该是一用就会的东西,我就不多说了,主要想要记录的是关于页面在跳转之间的参数传递与接收。
自己在学习的时候看到了很多下面的形式的链接,其实我也知道title就是参数,可是我还是不会调用!!!

url="/pages/index/index?title=1233"

看了很久,找到了一个方式,而且也成功实现了我所想要的功能。

那么接下来我要演示说明的内容是:在index页面吧text参数传递到share页面去。

首先是传递参数代码,这里用navigateTo进行页面跳转,简单代码如下:

wx.navigateTo({
            url: '/pages/index/index?text'+ '我是文字',
        })

那么接下来就是在share页面去接收他了,在share.js里面onlaod函数直接接收

onLoad: function (query) {

    this.setData({
    
      text:query.text,
     
    })

这样就可以了,emmm,似乎真的太简单了。在接收之间需要在date定义一下text,留个空就行了。

然后直接在wxml页面直接{{text}}调用就可以了


版权属于:安好屋

转载时须注明出处及本声明

微信公众号:阳光艺创站
最后修改:2020 年 02 月 16 日 10 : 59 PM
好吧,我穷的快要被消灭了。