vue返回上一頁效果(this.$router.go、)

如何使用點擊方式控制當前頁返回到上一個路由頁面： 

查閱相關資料，返回上一目錄用到的是 this.$router.go(-1); 將該方法些到返回按鈕上，點擊觸發該方法；具體代碼如下:

 1.在當前頁面添加返回按鈕

<!--返回按鈕-->
<div class="backTo" v-show="isShow">
    <span v-on:click="back">返回</span>
</div>

2.在方法體內現價back方法

methods:{
    back(){
        this.$router.go(-1);//返回上一層
    },
},

問題2：如何控制"返回鍵" 的顯示和隱藏：

 由於這里需要頻繁的改變”返回鍵“的顯示和隱藏，所以這里考慮用v-show，

data() {
    return {
        isShow:false
    }

觸發isShow 的值改變的事件應該是當前頁面路由地址的改變，並且這里需要使用watch完成監控：

watch:{
  $route(now,old){     //監控路由變換，控制返回按鈕的顯示
     if(now.path=="/home/home"){
            this.isShow=false;
     } else{
         this.isShow=true;
     }
    }
}

這樣，當頁面處在主頁下的時候，返回鍵自動隱藏掉，如果不是當前主頁，就顯示返回鍵

vue移動端項目返回上一路由頁面       https://blog.csdn.net/u012219674/article/details/78653825

第二種方式：vue2.0返回上一頁

@click="$router.back(-1)"

vue2.0返回上一頁    https://blog.csdn.net/superlover_/article/details/77950268