vue中实现先请求数据再渲染dom分享
这篇文章主要为大家详细介绍了vue中实现先请求数据再渲染dom分享，具有一定的参考价值，可以用来参考一下。
感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！
在项目中遇到了一个问题，下面是vue template中的代码：
【图片暂缺】
我之前的写法是
【图片暂缺】
这样做的结果是下面取dom的操作，取到的dom都是undefined，也就是没有取到。
原因是并没有按照 请求数据—>渲染dom—>获取dom的顺序执行，实际的执行顺序是 先获取dom，而此时数组option中还是空的，上面的v-for循环也就没有渲染出dom，所以根本取不到（不理解是为什么）
后来我又把请求数据写在了created函数中，把取dom的操作写在mounted函数中，竟然还是先执行取dom的操作（是通过alert的顺序来判断执行的顺序），我也很绝望啊
最后终于找到了解决的办法：
【图片暂缺】
看到一个别人的回答是：“在数据请求的回调中使用nextTick，在nextTick的回调里试试～”
还有一个人的回答是：“如果有依赖dom必须存在的情况，就放到mounted(){this.$nextTick(() => { /* code */ })}里面”（这种之前我试过，我太好用，不懂为什么）
我把这两种方法综合起来，其实主要是第一种方法，发现好用了！
以上这篇vue中实现先请求数据再渲染dom分享就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。
本文来自：http://www.q1010.com/184/5105-0.html
注：关于vue中实现先请求数据再渲染dom分享的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。
关键词：vue.js
四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。