递归方式查询接口,逐次渲染页面


近日做商城项目,首页楼层共四层,发现楼层顺序会时不时的发生变化,举个例子:

楼层顺序: 1   2   3   4  

分别对应: a   b   c   d

加载顺序错误之后:(任何顺序都有可能,简单举例)

楼层顺序: 1   2   3   4  

分别对应: b   a   c   d

所以研究之后发现: 两种方解决---- async(有个async.js专门解决这种问题)、递归法;

由于本人觉得递归法简单明了,通俗易懂,这里就用了递归方式,先看图:

data中定义  forNum 初始值为 0, 每次执行之后 +1 , 在调取方法自己本身,就能达到逐次加载啦!

vue