this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变 ...
分类：
Web程序 时间：
2020-02-10 00:15:16
阅读次数：
96
### 1、vue的组件和实例都有生命周期，而且是一样的 生命周期：（组件从创建到销毁的过程） 创建 挂载 更新 销毁 组件到达某一个阶段就会自动触发某一些函数，这个函数就叫生命周期的钩子函数。 创建：组件创建的时候触发 beforeCreate created 组件刚创建的数据请求 挂载：创建完成 ...
分类：
其他好文 时间：
2020-02-06 23:16:11
阅读次数：
118
this.$nextTick这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来 template> <button ref="tar" type="button" name="button" @click="testClick">{{content}}</button> </ ...
分类：
Web程序 时间：
2020-02-04 00:45:54
阅读次数：
302
对于 Vue.nextTick 方法，自己有些疑惑。在查询了各种资料后，总结了一下其原理和用途，如有错误，请不吝赐教。 概览 官方文档说明： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问： DOM 更新循环是指什么？ 下次更新循环 ...
分类：
其他好文 时间：
2020-02-01 01:01:31
阅读次数：
120
1. 如何解决之前遗留的bug 1. 根据错误提示大概确定原因，toast.test.js .style 造成。 2. 用二分法找bug到底是哪一个用例出错。 3. log+分析代码,mounted和$nextTick是有时间间隙的，得到原因测试用例中mount完了之后立刻click,click之后 ...
分类：
其他好文 时间：
2020-01-28 09:35:28
阅读次数：
68
举个例子来解释一下何为父组件，何为子组件？ index.vue导入sunui-cell组件的时候，我们就称index.vue为父组件依次类推 一、props（一般用来单向传值） 1. 何为单向传值？ 即父组件传值给子组件（首次）但不能动态（再次）改变子组件现有的值,但我非要改呢？ 通过watch监听 ...
分类：
移动开发 时间：
2020-01-15 11:59:23
阅读次数：
113
下面代码打印结果是？ 解析这道题之前我们先了解几个知识点~~~~ 数据加载方案 同步加载 异步加载 : 事件 , 定时器 , ajax js单线程语言 为什么是单线程语言? dom操作 如果js是多线程语言,第一个线程执行把dom对象删除,另一个线程执行把dom对象添加 同步代码异步代码加载顺序 : ...
分类：
其他好文 时间：
2020-01-11 20:13:28
阅读次数：
90
使用Vue报错[Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"页面进不去。 解决思路： （1）看报错信息是methods里有个方法你写的并不是一个函数，可能写了个对象什么的，vue进行fn.bind()处理的时 ...
分类：
其他好文 时间：
2020-01-03 12:12:12
阅读次数：
302
Vue 虽然采用了“数据驱动”的思想，但我们依然需要在某些情况下进行少量的 DOM 操作。在 Vue 中，异步执行 DOM 更新。多数情况下，我们并不需要考虑这个过程，但是如果我们的某个操作中，DOM1 的数据变化后，DOM2 需要从 DOM1 的 DOM 结构中获取数据，就会发现数据并没有实时更新 ...
分类：
其他好文 时间：
2020-01-02 19:10:25
阅读次数：
119
1.element ui 打开dialog 或者其他操作的时候 聚焦input事件 先设置ref 虚拟dom，然后在dom实例之后，使用$nextTick的方法对该虚拟dom.focus()方法聚焦 ...
分类：
其他好文 时间：
2019-12-23 16:50:03
阅读次数：
59
