vue router 如何处理 父子间 异步数据请求?

有一个后台管理系统
路由嵌套关系:app.vue > a.vue > b.vue

我想这么做:
在app.vue中发送验证token有效性的请求
在a / b 中发送数据请求,数据请求的参数依赖app.vue中token有效性返回的相关参数。

问题

  1. 这么设计合理吗,跟vue全家桶设计初衷相一致吗?
  2. 会有app.vue中数据返回很慢,但是a b 就把各自的请求发送出去了这种异步问题,该怎么解决?
阅读 2k
2 个回答
  1. 合理。不过这并不是框架作者要考虑的事情,谈不上和设计初衷是否一致。
  2. 可以在 app.vue 里设置一个开关,比如 isLoaded,然后模板里 <a v-if="isLoaded"></a> <b v-if="isLoaded"></b> 这样就可以保证 app.vue 加载完之后再处理 a 和 b

不需要单独发送验证token有效性,token一般是用户登录后才保存下来的,后面的其他的请求都带上这个token,后端的程序先校验token有效性,是有效的继续返回相应的数据,不是有效的,返回一个状态码,前端根据这个状态码跳转到登录页面重新登录。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题