一、前言

      這兩個是在日常開發中碰到的問題，網上都能查得到答案，但是我怕自己會忘記，姑且記錄一下用作筆記吧。

二、vue倒計時跳轉問題

1、案例

比如我們在一次網路請求結束之後，如果返回結果是成功，則倒計時1.5秒跳轉頁面。

2、碰到的問題

      在頁面跳轉之後，我們再回到原來的頁面，發現跳轉還在繼續。比如我們是從A頁面倒計時1s之後跳轉到B頁面。這個時候我們再從B頁面回到A頁面，我們會發現頁面在1s之後又會跳轉到B。

3、我自己的程式碼

 axios
          .post("test",addData)
          .then(function
 
 (response) {
            if (response.data.status_code == 200) {
              it.$Message.info('新增提現地址成功');
              //這部分是倒計時程式碼
              it.intervalid2 =  window.setInterval(() => {
                it.$router.push('/assets/withdraw');//倒計時1.5s自動跳轉頁面
              }, 1500);
            }else{
              it
 
.$Message.error('新增地址失敗');
             // alert('新增提現地址失敗！');
              return false;
            }
          })
          .catch(function (error) {

          });
==================================================================
//然後再mounted()方法之後，再加一個銷燬方法
 beforeDestroy () {
     //傳入的引數是倒計時返回的id值
      clearInterval
 
(this.intervalid2);
    }

三、vue中使用axios的this作用域問題

1、關於axios

2、碰到的問題解決方案

      這裡最好是採用箭頭函式，也就是ES6的語法。如果大家對於ES6不熟悉的話，那麼可以通過hack方式：

//這裡賦值this到it即可
   var it = this;
        var addData = {
          token: it.$store.state.user.accesstoken,
          eth_address:address,
        };
        axios
          .post("test",addData)
          .then(function (response) {
            if (response.data.status_code == 200) {
              it.$Message.info('新增提現地址成功');
              it.intervalid2 =  window.setInterval(() => {
                it.$router.push('/test');//倒計時1.5s自動跳轉頁面
              }, 1500);
            }else{
              it.$Message.error('新增地址失敗');
             // alert('新增提現地址失敗！');
              return false;
            }
          })
          .catch(function (error) {

          });

以上就此次的分享了。

end