Vue 目录树正常跳转,浏览器新增页面地址栏输入后created函数请求不走完
在vue树中开发当created()涉及到多个接口请求的时候,一般我们都是用来渲染页面或者给变量初始化,在实际开发中我遇到了浏览器新增页面用地址直接访问页面数据以默认值展示导致报错,当发现created()涉及多个请求赋初值的情况,将请求用{}包起来保证顺序执行,当每个请求是独立的就会有异步的情况出现。
以下为示例代码:
api.a(param1).then(() => {a = res.data[0];...});
api.a(param2).then(() => {b = a++;...});
api.a(param3).then(() => {c = b++;...});
如果请求中都有赋值的情况且具备上下关联性,则需要将请求包含在上一个关联的请求里。
api.a(param1).then(() => {
a = res.data[0];...
api.a(param2).then(() => {
b = a++;...
api.a(param3).then(() => {
c = b++;...
});
});
});