欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

微信小程序:报错(in promise) MiniProgramError

时间:2021-03-04 13:53:02|栏目:JavaScript代码|点击:

今天学习了小程序实现路由跳转,我在操作的时候在控制台出现以下错误信息。

在这里插入图片描述

翻译过来的意思是:(承诺中)微程序错误{“errMsg”:“n”avigateTo:故障can未导航到选项卡页“}对象

问题原因:
经过查阅资料,知道使用navigateTo路由跳转方式,保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就ok.

我就简单说一下我用navigateTo方式实现的小程序路由跳转过程
1.触发一个点击事件

<view bindtap="toDetail"></view>

2.在js文件中设置路由跳转

// 路由跳转
 toDetail(){
  wx.navigateTo({  
   url:"/pages/detail/detail"
  })
 },

navigateTo路由跳转方式可以实现历史回退
大家也可以去了解一下其他的路由跳转方式
其他路由的一些简单介绍:

wx.navigateTo() 带历史回退,不能跳转到tabbar页面

wx.redirectTo() 不保留历史,跳转到另一个页面,不能返回到上一页面
//相当于vue中的路由跳转方式this.$router.replace()

wx.switchTab() 只跳转到tabBar页面,不带回退

wx.reLaunch() 即能跳转到tabBar页面,也能跳转到非tabBar页面,不带历史回退

关于路由详解可查阅官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

上一篇:JavaScript实现简单的双色球(实例讲解)

栏    目:JavaScript代码

下一篇:异步安全加载javascript文件的方法

本文标题:微信小程序:报错(in promise) MiniProgramError

本文地址:http://www.codeinn.net/misctech/74147.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有