下面我就为大家分享一篇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 */ })}里面”（这种之前我试过，我太好用，不懂为什么）
我把这两种方法综合起来，其实主要是第一种方法，发现好用了！
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
基于vue1和vue2获取dom元素的方法
JS实现将链接生成二维码并转为图片的方法
Vue实现动态创建和删除数据的方法
以上就是vue中实现先请求数据再渲染dom分享的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2754354.html
