有没有人能帮忙看一个 Vue.js 的问题啊？[新手]

问题就是从一个页面跳转到另一个页面之后，使用 router.go(-1),浏览器地址变了，页面不跳转

最外层 router 如下，导入了 landf：

import lanf from '@/components/LandF/router/index'

export default new Router({
    mode: 'history',
    base:base,
    routes: [
        {
            path: '/',
            name: 'PageTransition',
            component: PageTransition,
            meta: { KeepAlive: false },

            children: [
                ...lanf
            ]
        }]
})

最外层的 PageTransition 组件

<template>
    <div>
        <transition :name="transitionName">
            <keep-alive include="landf">
                <router-view  class="child-view"></router-view>
            </keep-alive>
        </transition>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                transitionName: 'slide-left',
            }
        },
        beforeRouteUpdate (to, from, next) {
            if (isBack) {
                this.transitionName = 'slide-right'
            } else {
                this.transitionName = 'slide-left'
            }
            next()
        }
    }
</script>

然后是内层的 landf router：


export default [
    {
        path: '/',
        name: 'landf',
        component:index,     
    },
    {
        path:'/detail/:id',
        name:'landfitemdetail',
        component:detail,
    }

]

然后当我从 landf 点击事件跳转到 detail

this.$router.push({
	name:'landfitemdetail',
	params:{
		id:id,
		state:state
	}
	})
}

一切正常。。。。。但是，当我从 detail 点击返回..............

goback(){
	this.$router.back(-1)
}

可以看见浏览器的地址已经改变了，然而页面并没有任何变动。。。再点击一次，就回到我的 chrome 首页了。。。。求救啊~！！！！！！！