- 发布：2020-09-24 18:07
- 更新：2021-09-16 11:35
- 阅读：3384
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 2.8.11
手机系统： 全部
手机厂商： 华为
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
"globalStyle": {
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"enablePullDownRefresh": true
}
“pages”: [
{
"path" : "pages/result/result",
"style" : {
"disableScroll": true,
"enablePullDownRefresh": false,
"app-plus": {
"scrollIndicator": "none",
"titleNView": {
"titleText": "",
"titleOverflow": "ellipsis",
"titleSize": "15px",
"buttons": [{
"type":"back",
"float":"left",
"fontWeight":"bold"
}]
}
}
}
}
]
"globalStyle": {
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"enablePullDownRefresh": true
}
“pages”: [
{
"path" : "pages/result/result",
"style" : {
"disableScroll": true,
"enablePullDownRefresh": false,
"app-plus": {
"scrollIndicator": "none",
"titleNView": {
"titleText": "",
"titleOverflow": "ellipsis",
"titleSize": "15px",
"buttons": [{
"type":"back",
"float":"left",
"fontWeight":"bold"
}]
}
}
}
}
]操作步骤：
第一个问题：
1、修改代码，手机自动更新
2、查看当前页面结果
第二个问题：
1、页面跳转使用uni.navigateTo跳转到另一个页面
2、新页面点击或者使用手势返回到上一个页面
3、查看当前页面结果
第一个问题：
1、修改代码，手机自动更新
2、查看当前页面结果
第二个问题：
1、页面跳转使用uni.navigateTo跳转到另一个页面
2、新页面点击或者使用手势返回到上一个页面
3、查看当前页面结果
预期结果：
第一个问题预期结果：
页面左上角一个返回按钮
第一个问题预期结果：
页面左上角一个返回按钮
第一个问题预期结果：
页面左上角一个返回按钮
第一个问题预期结果：
页面左上角一个返回按钮
实际结果：
第一个问题预期结果：
页面左上角两个返回按钮
第一个问题预期结果：
页面左上角两个返回按钮
第一个问题预期结果：
页面左上角两个返回按钮
第一个问题预期结果：
页面左上角两个返回按钮
bug描述：
我在page.json 中使用原生navigationBar，在左边定义了返回按钮，并为返回按钮定义了事件用来跳转页面，发现了2个问题
1、当我修改我的代码保存后，会热部署刷新，但是当前页面会出现两个返回按钮，且其中一个按钮不会触发跳转事件。
2、当我使用uni.navigateTo进行页面跳转时，在跳转回来也会出现两个返回按钮，其中一个无效
nicepainkiller - 最爱 dcloud
正式环境 就好了
-
-
-
1***@qq.com (作者)
回复 nicepainkiller: 还有配置？不是直接用就可以吗？我只在page.json -> style -> app-plus 下加了titleNView的配置，如下
{
"path" : "pages/scan/scan",
"style" : {
"disableScroll": true,
"enablePullDownRefresh": false,
"app-plus": {
"scrollIndicator": "none",
"titleNView": {
"titleText": "",
"titleOverflow": "ellipsis",
"titleSize": "18px",
"buttons": [{
"type":"back",
"float":"left",
"fontWeight":"bold"
}]
}
}
}
}
然后在.vue文件中使用uni.navigateTo({url: "/pages/scan/scan"})进行跳转，到scan页面后，左上角就会有两个返回按钮，但是用uni.reLaunch 除了在热更新的情况下回出现这个问题，达成apk的包就不会出现这个问题
2020-10-14 10:01
请问解决了吗，遇到同样的问题
-
1***@qq.com (作者)
解决了，但是不知道是为什么，请在page.json文件设置导航栏哪里添加autoBackButton: false的配置，就是将标题栏控件是否显示左侧返回按钮设置为false
2021-10-14 16:45
1***@qq.com (作者)
热更新确实是有，但是用了uni.navigateTo做页面跳转也会出现这种情况
2020-09-25 11:01