mpvue开发微信小程序navigateBack失效于tabBar
时间:2019-04-19
本文章向大家介绍mpvue开发微信小程序navigateBack失效于tabBar,主要包括mpvue开发微信小程序navigateBack失效于tabBar使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
返回上一层的navigateBack路由要是与配置的tabBar栏目路由相同的话,返回会失效
,需换用switchTab
//app.json里面设置的tabBar
"tabBar": {
"list": [
{
"text": "返利",
"pagePath": "pages/index/main",
"iconPath": "static/images/menu_home.png",
"selectedIconPath": "static/images/menu_home_active.png"
},
{
"text": "平台",
"pagePath": "pages/hello/main",
"iconPath": "static/images/menu_platform.png",
"selectedIconPath": "static/images/menu_platform_active.png"
}
]
},
<!-- template -->
<a @click="navigateBack" class="home">后退</a>
methods: {
navigateBack(){
wx.navigateBack({
delta: 1,
success: () => {
console.log('success')
},
fail: () => {
console.log('fail')
}
})
},
}
另外,mpvue里面,用标签属性做路由跳转的话,open-type
属性值要注意:
1.open-type="switchTab" 跳转tabBar路由
2.open-type="navigate" 跳转非tabBar路由(默认值)
<a href="/pages/index/main" open-type="switchTab" class="home">去往首页-way1</a>
<a href="/pages/counter/main" open-type="navigate" class="home">去往counter</a>
<navigator open-type="navigateBack" delta="1">返回非tabBar</navigator>
<navigator url="/pages/index/main" open-type="switchTab" delta="1">跳转tabBar</navigator>
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法