项目开发过程中遇到如下问题:
异步请求数据,返回的json_data数据,其中一个字段始终有值
但浏览器中网络查看,数据为null
前台请求的数据居然和后台不一致?
解决:发现为vue组件渲染问题
该项目这部分涉及父子组件,父组件请求完数据会传给子组件,
在父组件ajax请求前,子组件初始已经加载完(具体看父子组件生命周期加载顺序)
该问题,在子组件中当时加了一个模拟测试数据
按生命周期逻辑,父组件异步请求没回时,子组件该部分已经执行完
此时父组件返回的数据由于该字段是null,所以不能覆盖子组件初始化,导致返回不一致
最后:将所有异步返回数据涉及的字段,检查是否有赋初始值情况。