一:跳转的数据传递
index.js文件中添加跳转方法:
类似Android的Intent传值,微信小程序也一样可以传值:
例如:wxml中写了一个函数跳转:
-
<view class="itemWeight" catchtap="jumpToOverMissionList"> <view class="textStatus">已完成任务</view> <view class="containVertical textNum">{{finishedMissionCount}}</view> </view>
-
//跳转到已结束任务列表页 jumpToOverMissionList:function(){ wx.navigateTo({ url:"mission/missionList/missionList?type=2" }); },
-
onLoad: function (option) { this.setData({ type:option.type, }); console.log(option.type); }
二:页面跳转
今天尝试了下小程序点击页面跳转,有两种方式:navigator组件跳转和添加点击事件跳转。
1.navigator组件跳转
和a标签跳转差不多,给navigator添加要跳转到的url地址即可(这里需要注意下,我们在使用微信web开发者工具按enter自动补全时生成的组件有错,navigator闭合标签的“/”位置应该是在navigator前,而自动生成的是
-
<span style="font-size:14px;"><navigator url="../logs/logs">点击跳转到logs页面</navigator></span>
index.wxml中为image绑定事件
-
<span style="font-size:14px;"> <image src="{{item.imgsrc}}" bindtap="tz"></image></span>
-
<span style="font-size:14px;">tz: function(){ wx.navigateTo({ url: '../logs/logs', success: function(res){ // success }, fail: function() { // fail }, complete: function() { // complete } }) }</span>