微信小程序导航API实例详解
演示效果还表明,小程序也提供这些处理导航控件,值得注意的是,您只能同时浏览五页。主要属性:
导航栏的几种方法
Wx.setNavigationBarTitle(对象)设置导航栏的标题
导航头可以用三种方式设置。第一种方法是通过全局配置统一名称。第二个是在页面中创建一个新的JSON文件,它将覆盖全局配置的标题。第三种方法是通过API设置。
wx.shownavigationbarloading()设置在导航栏中显示加载状态
wx.hidenavigationbarloading()隐藏加载状态
导航视图的几种方法
Wx.navigateTo()将当前页面跳转,就像拼接得到的参数,和代码将显示的代码
Wx.redirectTo()破坏当前跳转页面,
Wx.navigateBack()返回上一页
wxml
建立navigationbartitle
设置navigationbarloading负荷状态
隐藏navigationbarloading负荷状态
保持当前页面跳转
不要保留当前页跳转。
回到最后一页
JSON
{
navigationbartitletext 我标题配置通过JSON。
}
js
进入另一个页面
var文件
页({
数据:{
文本:页面导航
},
onLoad:功能(选项){
初始化参数选项页面跳转页面带来
},
*设置navigationtitle
* /
setnavigationbartitle:函数(){
Wx.setNavigationBarTitle({
标题:我是NavigationBarTitle的API
})
},
*设置负载状态
* /
shownavigationbarloading:函数(){
wx.shownavigationbarloading()
},
*隐藏负载状态
* /
hiddennavigationbarloading:函数(){
wx.hidenavigationbarloading()
},
*保持当前页面跳转
* /
NavigateTo:函数(){
Wx.navigateTo({
将参数传输到诸如拼接之类的GET请求参数
网址:文件+ '电话= 18939571password = 1992,
成功:函数(RES){
console.log(RES)
},
失败:函数(错误){
console.log(ERR)
}
})
},
*关闭当前页以跳转当前页将被销毁
* /
RedirectTo:函数(){
Wx.redirectTo({
将参数传输到诸如拼接之类的GET请求参数
网址:文件+ '电话= 189395719password = 1992
})
},
*回到最后一页
* /
NavigateBack:函数(){
Wx.navigateBack()
},
OnReady:函数(){
页面呈现完成
},
OnShow:函数(){
页
},
OnHide:函数(){
隐藏页
},
onUnload:函数(){
关闭/页
}
})
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。