使用router.push的name属性调转时无法匹配404页面

首先要路由的最后插入404组件

//前面已定以404组件，这里作转发let router404 = {path:'*',redirect:'/404',hidden:true}

在路由守卫处添加该代码

if(to.matched.length !== 0 ){next()//如果匹配到跳转下一页}else{//没有匹配到的话，跳转404next({path:'/404'})}

使用router.push的name属性调转时无法匹配404页面相关推荐

【Vue】【Router】手动跳转用 this.$router.push() 时 $router 未定义的问题
初入Vue,手写路由跳转时的问题: toXxxRoute: () => {this.$router.push({'path': '/xxx', 'name': 'xxx'}) } 由于使用了箭头 ...
this.$router.push用query传参对象时需注意的地方
在vue项目中,我们用函数式编程this.$router.push跳转,用query传递一个对象时要把这个对象先转化为字符串,然后在接收的时候要转化为对象,要不然会接收不到参数.要不就把参数分开传递, ...
Vue中this.$router.replace和this.$router.push的区别
this.$router.push 跳转到指定URL,向history栈添加一个新的纪录,点击后退会返回至上一个页面. 声明式:< router-link :to = "-" ...
若依路由刷新缓存页面 + router.push
现象:带参数打开同一个页面的时候,页面会一直显示上一个页面的结果 this.$router.push({path: "/xmxx/xmxx/gzrz",query: {gcmc: ...
Vue页面与页面之间的传值（router.push()编程式导航）
页面与页面之间跳转传值,其实我们一般用两种,query传参或者用params 其实这两个方式都是页面导航的一种,编程式导航:通过调用JavaScript形式的API实现导航的方式,大家不了解的可以去官 ...
WEB前端 vue学习 vue-router讲解router.push
router.push(location) 除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现. router ...
this.$router.go()和this.$router.push()的区别
this.router.go()和this.router.go()和this.$router.replace的差别 this.$router.go(val) 介绍: 在history记录中前进或者后退 ...
vue中this.$router.push()路由传值和获取的两种常见方法
我们在做项目时 ,经常会遇到路由跳转页面传值的问题,有的路由跳转到导航页面时导航的样式也就改变了. 命名的路由(通过params) this.$router.push({name: "路径 ...
vue-router: $router.push遇到的问题
如下图使用path时,跳转路由后的页面this.$route.params为undefined 改为name时,this.$route.params可以正确获取数据,如下图: 此为官方定义的固定搭配: ...

使用router.push的name属性调转时无法匹配404页面

首先要路由的最后插入404组件

在路由守卫处添加该代码

使用router.push的name属性调转时无法匹配404页面相关推荐

最新文章

热门文章