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

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

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

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


说到底还是自己蠢。。

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

辣姐什么鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值