乐趣区

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

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

  1. 开发环境 vue.js
  2. 电脑系统 windows 10 专业版
  3. 封装代码如下:
  4. 在 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);
      });

      // 完结啦 
  1. 在点击事件中, 怎么发送申请, 在 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 申请

    }

本期的教程到了这里就完结啦, 是不是很简略! 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

退出移动版