Vue路由的$router.back(-1)回退时如何判断有没有上一个路由

原文： https://segmentfault.com/q/1010000010714863

现在每个页面的左上角有一个返回按钮<
点击时的代码是this.$router.back(-1)，返回上一个路由
但是我们现在有这样一个需求，把其中某一页分享出去，用户打开时并没有上一条路由的历史记录，所以点击<按钮时没有反应。
所以应该怎么判断有没有上一条路由的历史记录。
代码：
routerback: function () {
this.$router.back(-1)
},

 

 

window.history.length是整个记录数量，包括前进，不排除出现当前页不是最后一条记录

    methods: {
        back(){
            if (window.history.length <= 1) {
                this.$router.push({path:'/'})
                return false
            } else {
                this.$router.go(-1)
            }
            //上面都没执行就说明卡在当前页不是最后一条， histroy记录数量大于1，又没有回退记录，只能返回首页，
         //如果上面都执行了 页面都跳走了，这个也就不用管了   
            setTimeout(() => {
                this.$router.push({path:'/'})      
            },500)
        }
    },