当前位置: 首页 > 知识库问答 >
问题:

路由 - vue2中router.js逻辑问题,用push第二次点页面按钮无法跳转?

钱星华
2023-06-26

这是uniapp的项目,现在遇到一个问题,用this.$Router.push()跳转第一次没问题,但是第二次再来的相同的页面上点某个跳转按钮就跳转不了了,跳转前打印一下to.name竟然提示是要跳到的页面的name?有遇到过这情况的吗?

import {isEmpty,isWechat} from "@/util/filter.js"
import http from '@/util/api.js'
import {RouterMount,createRouter} from 'uni-simple-router';
import {api_url} from '@/util/config.js'

const router = createRouter({
    platform: process.env.VUE_APP_PLATFORM,
    routes: [...ROUTES]
});
//全局路由前置守卫
router.beforeEach((to, from, next) => {
    console.log('跳转之前' + to.name);
    console.log(to)
    if (to.path.indexOf("/api/") > 0) {
        next();
        return;
    }
    next();
});
// 全局路由后置守卫
router.afterEach((to, from) => {
    uni.hideLoading();
    console.log('跳转结束');
})

export {
    router,
    RouterMount
}

image.png

共有1个答案

贲言
2023-06-26

unapp跳转用这个:navigator
image.png

https://uniapp.dcloud.net.cn/component/navigator.html#navigator
 类似资料:
  • 多页面的配置如下: 在充值中心配置的路由守卫是想在访问 http://localhost:9000/recharge-center/xxx不存在的页面时重定向到充值中心页面,即 http://localhost:9000/recharge-center,但实际上却会重定向到主页,在控制台也可以看到没有进入充值中心的路由守卫钩子函数,而是进入了主页的钩子函数。 主页的路由: 充值中心的路由: 望解答

  • 本文向大家介绍angular2中router路由跳转navigate的使用与刷新页面问题详解,包括了angular2中router路由跳转navigate的使用与刷新页面问题详解的使用技巧和注意事项,需要的朋友参考一下 本文主要介绍的是angular2中router路由跳转navigate的使用与刷新页面问题的相关内容,分享出供大家参考学习,下面来看看详细的介绍: 一、router.navigat

  • 我的页面是三级嵌套路由,结构类似于 /message/detail/0。 但当我使用 this.$router.push('/index') 返回首页的时候,页面路径变成了/message/detail/index。 请问我该如何解决这个问题,希望从 /message/detail/0 页面直接跳转到 /index。 这个是路由配置的JS:

  • 问题内容: 我正在开发我的第一个android计算器应用程序。我陷入一个单一的缺陷。我添加了几个按钮,然后单击这些按钮,它将把各自的文本放在“ 字段”上。主要问题描述如下:在运行项目时,必须单击两次按钮才能将相应的文本首次放置在字段上。例如,单击时将“ 1”放在字段上。在运行时,首先单击该按钮无效。仅在第二次单击时,它将“ 1”放在字段上。 该守则如下: XML按钮和EditField, Main

  • WeX5页面逻辑基础 WeX5每个页面由w文件、w文件同名的js文件和w文件同名的css文件三个文件构成,其中页面逻辑代码写在w文件同名的js文件中。w文件同名的js文件是一个符合AMD规范的js模块,在这个js模块中定义了一个js类并作为模块的返回结果,这个js类是页面逻辑的核心,所有的页面逻辑都在这个js类中实现。 例如,以下是“TODO MVC”案例的页面逻辑文件/UI2/demo/misc

  • 本文向大家介绍微信小程序按钮点击跳转页面详解,包括了微信小程序按钮点击跳转页面详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 跳转到talkPage界面。 注意,html界面要在app.json里面注册: 不注册的话会报错:navigateTo:f