vue.js - vue+vue-router 构建移动端单页面应用，改变前端路由，回退，怎么离开本页返回上一页？

问题描述

问 题

比如说我从个人中心跳转到主页，主页是一个单页面应用，上面是导航菜单，下面是对应的内容，我点击导航菜单，下面对应的router-view就会改变，但是当我点击手机自带的返回的时候，页面会回退到我上次点击导航菜单的内容，求教怎么让他直接返回到个人中心页面而不是在本页返回？
这个是我的路由配置

var routes=[
    {path:'/index',component:Index},
    {path:'/due',component:Due},
    {path:'/used',component:Used},
    {path:'*',redirect:'/index'}
]
var router=new VueRouter({
    routes:routes
});
new Vue({
    el:"#app",
    router:router,
    data:{
        num:0
    }
})

解决方案

你的导航菜单里是不是<router-link>，切换时加一个replace可解决。

<router-link to="****" replace></router-link>

这篇关于vue.js - vue+vue-router 构建移动端单页面应用，改变前端路由，回退，怎么离开本页返回上一页？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！