微信小程序 页面跳转与参数传递
2017-05-16 18:10
302 查看
关于页面,跳转微信提供了三种方法:
1.
wx.navigateTo({
url: '../nextpage/nextpage'
})
2.
wx.redirectTo({
url: '../nextpage/nextpage'
})
3.
.wxml文件中添加:
<navigator url="../nextpage/nextpage">跳转至下一页面</navigator>
注:
wx.navigateTo()和wx.redirectTo()的区别:
wx.navigateTo()是保留当前页面,跳转到某个页面,跳转页面后可以返回上一页。
wx.redirectTo()是关闭当前页面,跳转到某个页面,跳转页面后不能返回上一页。
页面传值:
本页面在路径后面添加问号?后面接传递到下一页面的参数
wx.navigateTo({
url: '../nextpage/nextpage?name=love'
})
下一页面(即接收数据的页面)在nextpage.js文件中的 onLoad()方法中获取传递过来的数据
onLoad: function (options) {
console.log(options.name);
},
20170518
返回指定页面:
wx.navigateBack({
delta:2 //数字是几就代表向上返回几层
});
1.
wx.navigateTo({
url: '../nextpage/nextpage'
})
2.
wx.redirectTo({
url: '../nextpage/nextpage'
})
3.
.wxml文件中添加:
<navigator url="../nextpage/nextpage">跳转至下一页面</navigator>
注:
wx.navigateTo()和wx.redirectTo()的区别:
wx.navigateTo()是保留当前页面,跳转到某个页面,跳转页面后可以返回上一页。
wx.redirectTo()是关闭当前页面,跳转到某个页面,跳转页面后不能返回上一页。
页面传值:
本页面在路径后面添加问号?后面接传递到下一页面的参数
wx.navigateTo({
url: '../nextpage/nextpage?name=love'
})
下一页面(即接收数据的页面)在nextpage.js文件中的 onLoad()方法中获取传递过来的数据
onLoad: function (options) {
console.log(options.name);
},
20170518
返回指定页面:
wx.navigateBack({
delta:2 //数字是几就代表向上返回几层
});
相关文章推荐
- 微信小程序教程系列之页面跳转和参数传递(6)
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序页面跳转
- 微信小程序页面带参数跳转及接收参数内容navigator
- 微信小程序的页面跳转及前后页面传值
- 微信小程序实现页面跳转传值的方法
- 微信小程序的页面跳转和参数传递,页面生命周期
- 微信小程序 页面跳转传递值几种方法详解
- 微信小程序页面跳转并传参
- 微信小程序开发详解(八)---微信小程序页面生命周期和参数传递
- 微信小程序页面跳转传参
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序页面跳转传递值
- 微信小程序 跳转至tabbar页面
- 原创:微信小程序页面跳转展示缓冲提示
- 微信小程序 页面跳转传递数据
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序 navigate页面跳转问题解决方案