vue 如何點擊按鈕返回上一頁


1,vue 如何點擊按鈕返回上一頁呢?

     這是vue掛載的范圍html代碼

      <div @click="goOff()">返回</div>

     下面是點擊返回的方法

      第一種只返回上一頁

           goOff(){
                this.$router.go(-1);
            },

      第二種 返回上一頁,如果沒有上一頁返回首頁

    methods: {
        back(){
            if (window.history.length <= 1) { this.$router.push({path:'/'}) return false } else { this.$router.go(-1) } } },

2,下面介紹一點vue調取接口小知識

           actAllProfit(){                //調取接口的函數
                var params = {};                //這是調取接口時的請求參數 明白點就是我們要傳過去的參數
                var reqUrl = this.diviBaseUrl + '/bonuses/grossProfit';               //這是后台接口地址
                this.$http.get(reqUrl,{               //get方式發送請求
                    params: params           //把外面聲明的參數傳過去
                }).then((res)=>{   //巧妙運用箭頭函數
                    if(!res){return;}
                    this.allProfit = res.Profit; //res就是后台返回的所有數據 前端需要接收並保存
                })
            }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM