在应用 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 申请
}