欢迎光临,了解微信小程序开发,就上易用通!

微信小程序二三级菜单(navigateTo传递数据的应用)

发布:2018-01-26 15:08浏览: 来源:网络 作者:cola

今早来之后稍微写了下今天的工作目标然后就是自己犯蠢到现在的过程,所幸最后还是走回了正轨,记录一下我在过程中的内心弹幕,并把最后结果记录一下

微信小程序-估价系统-车辆品牌款式等-三级菜单
车标
省份-城市-二级菜单
(二三级菜单首先考虑使用微信小程序的数据缓存,但在不刷新的情况下缓存数据永远是上一次保存的。
今天更新了微信小程序开发工具版本,发现写了数据缓存的代码之后后面的跳转语句不能执行无法跳转。
打算放弃数据缓存的方式,想到另一种是在数组中加上跳转的目标地址然后直接跳过去,这样的弊端在于需要加上许多的页面比如一个省下的城市页面几十个省要几十个页面,忽然灵光一闪,考虑是否可以跳转中携带数据?马上进行尝试。
!!!!我的天,我之前看官方文档都是睡觉去了吗。。。navigateTo的url里是可以带参数的,我没看到!!!
!!!!!!!!!!!!!就算没看到以前写过的js都是做梦去了吗!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
我成功了,喜极而泣。)

最终代码:

toCity:function(e){
    var index=e.currentTarget.dataset.hi;
    var arr=this.data.provinceList[index].city;
     wx.navigateTo({
         url:"../city/city?cityList="+arr
     })
   }


跳转的时候url链接里把要传的数据加上就可以,我想传的数据是数组arr
在跳转目标的js文件里用以下代码获得数据

Page({
    onLoad:function(options){
        this.setData({
            cityList:options.cityList.split(",")
        })
    }
})


因为直接用options.cityList得到的是字符串我用split转换成了数组。完美有木有。/(ㄒoㄒ)/~~所以当初为什么没有仔细看官方文档

效果图如下,点山东跳转到山东的城市

微信小程序二三级菜单(navigateTo传递数据的应用)(图1)微信小程序二三级菜单(navigateTo传递数据的应用)(图2)






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。