在mounted获得vue的实例要加 this.$nextTick(function () { // 代码保证 this.$el 在 document 中 }) mounted: function () { this.$nextTick(function () { // 代码保证 this.$el ...
分类:
其他好文 时间:
2017-11-24 17:07:41
阅读次数:
119
var app = new Vue({ el: '#app', data: { count: 1, }, filters: { }, mounted: function () { this.$nextTick(function () ... ...
分类:
其他好文 时间:
2017-11-19 12:31:28
阅读次数:
365
1.定时器 setTimeout()和setInterval()与浏览器中的API是一致的,定时器的问题在于,他并非精确的(在容忍范围内)。尽管事件循环十分快,但是如果某一次循环占用的时间较多,那么下次循环时,他也许已经超时很久了。比如通过setTimeout()设定一个任务在10毫秒后执行,但是在 ...
分类:
其他好文 时间:
2017-11-18 21:07:37
阅读次数:
193
以上:setTimeout>setImmediate process.nextTick>Promise ...
分类:
其他好文 时间:
2017-11-08 14:46:48
阅读次数:
112
Vue中之nextTick函数源码分析 1. 什么是Vue.nextTick()?官方文档解释如下:在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。 2. 为什么要使用nextTick? 如上代码 在页面视图上显示bb,但是当我在控制台打印的时候,获取 ...
分类:
其他好文 时间:
2017-10-17 01:09:14
阅读次数:
188
1.extend用于创建一个子类Vue,用$mount来挂载 2.Vue.nextTick([callback,context])在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 结果如下: 我们可以看到视图更新以后拿到的并不是更新后的innerH ...
只说ie8+的浏览器的方法。 在转vue之前,一直使用jquery来获取元素的高度,最近转vue,发现了一个问题。使用vue的时候,部分操作需要在mounted这个生命周期里面去做,官网对mounted的解释是: 如果不在vm.$nextTick里面做操作的时候,是很有可能获取不到组件内部元素的宽高 ...
分类:
Web程序 时间:
2017-09-28 01:02:24
阅读次数:
340
1、在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 Vue.nextTick(() => {}) / this.$nextTick(() => {// 更新完成}) ...
分类:
其他好文 时间:
2017-09-26 16:14:51
阅读次数:
213
写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。文章的原地址:https://github.com/answershuto/learnVue。在学习过程中,为Vue加上了中文的注释https://gith ...
分类:
Web程序 时间:
2017-09-24 23:36:27
阅读次数:
380
在谈nextTick之前,先要说明一件事,可能在我们平时使用vue时并没有关注到,事实上,vue执行的DOM更新是异步的。 举个栗子: 此时控制台打印的是数值是0;这时候如果你将代码改一下: 这时,控制台打印的数值为1000;这也就说明,vue的DOM更新是异步的,官网上是这样描述的: 可能你还没有 ...
分类:
其他好文 时间:
2017-09-24 00:34:59
阅读次数:
212