关于vue.js:vue使用-axiospromise封装一

52次阅读

共计 601 个字符，预计需要花费 2 分钟才能阅读完成。

在应用 vue 开发的过程中, 咱们都会应用 vue 中 axios 进行申请, 为了简化代码, 我上面对其办法进行了封装, 心愿对你有所帮忙, 办法如下:

开发环境 vue.js
电脑系统 windows 10 专业版
封装代码如下:
在 mounted 中增加如下代码:

// 新的 封装 promise  -- 重点
      // 劣势, 能够发送多个后盾申请
      var _on=this;
      async function quer(url){var inn=await _on.$axios.post('/'+url);
        return inn;
      };

      quer('chen2dpro').then(res => {console.log(res);
      });

      quer('chen2d').then(res => {console.log(res);
      });

      // 完结啦

在点击事件中, 怎么发送申请, 在 methods 中增加如下代码:

methods:{
      // 点击设备一, 弹出对应的信息框
      shibei(){console.log('100');
        var _on=this;
        async function quer(url){var inn=await _on.$axios.post('/'+url);
          return inn;
        };
        quer('chen2d').then(res => {console.log(res);
        });
      },
      // 封装 axios 申请

    }

正文完