vue中实现先请求数据再渲染dom
来源:互联网 发布:软件如何授权 编辑:程序博客网 时间:2024/06/05 22:41
在项目中遇到了一个问题,下面是vue template中的代码:
我之前的写法是
这样做的结果是下面取dom的操作,取到的dom都是undefined,也就是没有取到。
原因是并没有按照 请求数据—>渲染dom—>获取dom的顺序执行,实际的执行顺序是 先获取dom,而此时数组option中还是空的,上面的v-for循环也就没有渲染出dom,所以根本取不到(不理解是为什么)
后来我又把请求数据写在了created函数中,把取dom的操作写在mounted函数中,竟然还是先执行取dom的操作(是通过alert的顺序来判断执行的顺序),我也很绝望啊
最后终于找到了解决的办法:
看到一个别人的回答是:“在数据请求的回调中使用nextTick,在nextTick的回调里试试~”
还有一个人的回答是:“如果有依赖dom必须存在的情况,就放到mounted(){this.$nextTick(() => { /* code */ })}
里面”(这种之前我试过,我太好用,不懂为什么)
我把这两种方法综合起来,其实主要是第一种方法,发现好用了!
阅读全文
0 0
- vue中实现先请求数据再渲染dom
- Vue监听数据渲染DOM完以后执行某个函数
- 在html中使用Vue 路由嵌套-实现数据请求
- vue-cli 更改数组中的数据,页面dom及时渲染 Vue.set方法
- vue.js中proxyTable 转发请求实现
- ajax请求+vue.js渲染+页面加载
- vue请求数据
- vue 请求后台数据
- vue.js请求数据
- vue 请求数据
- Vue.js实现表格渲染
- angularjs请求数据解析并渲染到表格中(天气预报)
- vue 虚拟dom实现原理
- Vue.js中实现通过一个dom的事件,使得另一dom也触发事件
- vue 模板加载之后 执行js 渲染 DOM
- vue渲染多层数据用v-for
- 03、vue.js 之数据渲染
- Vue.js 数据绑定渲染Demo
- Echarts怎么获取json数据
- PostgreSQL配置文件--QUERY TUNING
- 使用UDP协议编写一个网络程序,设置接收端程序的监听端口是8001,发送端发送的数据是“Hello, world”。
- 某软件破解实验过程(记录)
- 高精压位
- vue中实现先请求数据再渲染dom
- cent0S 7 安装 cdh5.13 笔记之四: 配置 hadoop
- 关于验证码存储机制的转变
- APP加急审核
- xampp中向mysql数据库插入中文都变成了问号
- 15.springboot实现文件上传
- VS2012 产品密钥
- ftpWrite
- oracle 单节点 搭建data guard