微信小程序之二三级菜单(navigateTo传递数据的应用)
2016-10-28 14:38
816 查看
今早来之后稍微写了下今天的工作目标然后就是自己犯蠢到现在的过程,所幸最后还是走回了正轨,记录一下我在过程中的内心弹幕,并把最后结果记录一下
微信小程序-估价系统-车辆品牌款式等-三级菜单
车标
省份-城市-二级菜单
(二三级菜单首先考虑使用微信小程序的数据缓存,但在不刷新的情况下缓存数据永远是上一次保存的。
今天更新了微信小程序开发工具版本,发现写了数据缓存的代码之后后面的跳转语句不能执行无法跳转。
打算放弃数据缓存的方式,想到另一种是在数组中加上跳转的目标地址然后直接跳过去,这样的弊端在于需要加上许多的页面比如一个省下的城市页面几十个省要几十个页面,忽然灵光一闪,考虑是否可以跳转中携带数据?马上进行尝试。
!!!!我的天,我之前看官方文档都是睡觉去了吗。。。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的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数据传递的实例
- 微信小程序开发(2)------使用navigateTo数据传递
- 微信小程序 wx.navigateTo 应用
- 微信小程序 跳转navigateTo传递对象
- 微信小程序从子页面退回父页面时的数据传递 wx.navigateBack()
- 微信小程序从子页面退回父页面时的数据传递 wx.navigateBack()
- 微信小程序 页面跳转及数据传递详解
- C#开发微信门户及应用(14)-在微信菜单中采用重定向获取用户数据
- ADO.NET的数据提供程序和数据连接——ADO.NET学习&应用笔记之二
- 微信小程序 页面跳转传递数据
- 微信小程序入门之构建一个简单TODOS应用
- 微信小程序开发之数据存储 参数传递 数据缓存
- 微信小程序开发之数据存储 参数传递 数据缓存
- ADO.NET的数据提供程序和数据连接——ADO.NET学习&应用笔记之二
- 微信小程序之数据传递
- 微信小程序--wx.request使用psot传递数据
- C#开发微信门户及应用(14)-在微信菜单中采用重定向获取用户数据
- 微信小程序wx.redirectTo、wx.navigateTo跳转失败
- 【微信小程序】微信小程序页面跳转的数据传递
- 微信小程序给嵌套template模板传递数据的方式