vue + layui 数据加载 渲染问题

vue + layui 修改 获取到值加载不出来 -- 渲染问题 

 

当vue与layui绑定传值的时候就会出现这个问题

---尤其是通过ajax异步动态获取值

原因：vue的加载数据与layui不同步--当ajax数据量大的时候layui会提前渲染完毕

 

-- 解决方案：

等待最后的数据加载完毕后再进行渲染---原理:统计全局的ajax请求,也就是ajax的活跃性,当状态码全部为 readyState = 4 后最后在执行ajaxStop()方法--详情参考:http://www.365mini.com/page/jquery-ajaxstop.htm

参考：https://blog.csdn.net/huaishuming/article/details/40824937

https://www.cnblogs.com/hcxy/p/6980143.html

详细的源码解析https://www.cnblogs.com/keyi/p/6970999.html

//所有ajax执行完且页面加载完判断--ajaxStop--最后渲染
$(document).ajaxStop(function(){
    //console.log(2);
    vm.getRadio();//最后执行渲染 getRadio()所有需要渲染 而封装的方法可自己定义
})

如果数据量大或者比较大的话，这种的方式并不是最好的解决方案 --- 如果有建议的话：请留言--共同学习