vue中當前頁push當前頁無效怎么解決

這篇文章主要介紹“vue中當前頁push當前頁無效怎么解決”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“vue中當前頁push當前頁無效怎么解決”文章能幫助大家解決問題。

vue當前頁push當前頁無效

當在當前頁面中push頁面跳轉當前頁，只是push的參數不同時，只能用字符串拼接，parames和query都不會起作用。不知道為什么。。。

比如說：當前頁的url是

/invest/myinvest?page=1&day=0-30`

但是想點擊的時候改變參數，所以就

this.$router.push({path:'/invest/myinvest?',query:{page:1,day:'0-30'}})

然而并無卵用。。。。

只能：

this.$router.push("/invest/myinvest?page="+currentPage+"&day="day);

vue push報錯

TypeError: Cannot read property ‘push‘ of undefined

axios.post('/processing/', {})
     .then(function (response) {
       console.log(response.data);
       if (response.data == 'no_processing') {
         alert("文章分析失敗！");
         return;
       }else if(response.data=='empty_processing'){
         alert("文章數據為空，無法分析！")
         return;
       }
       response.data.forEach(function(element){
          this.processing_tableData.push(element);  //“push”報錯
          console.log(element);
        });
       console.log("ok_processing")
     })
     .catch(function (error) {
       console.log(error);
     })

報錯：

TypeError: Cannot read property ‘push’ of undefined

解決方法

在外部定義一個值指代Vue實例

var self = this; //外部定義
axios.post('/processing/', {})
     .then(function (response) {
       console.log(response.data);
       if (response.data == 'no_processing') {
         alert("文章分析失敗！");
         return;
       }else if(response.data=='empty_processing'){
         alert("文章數據為空，無法分析！")
         return;
       }
       response.data.forEach(function(element){
          self.processing_tableData.push(element);  //把“this”=》“self”
          console.log(element);
        });
       console.log("ok_processing")
     })
     .catch(function (error) {
       console.log(error);
     })

關于“vue中當前頁push當前頁無效怎么解決”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。