created(){ this.changfouce(); }, methods: { //在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中, //因为created()钩子函数执行的时候DOM并未进行任何渲染,而此时进行DOM操作是徒劳的,... ...
分类:
其他好文 时间:
2018-11-30 15:34:25
阅读次数:
231
主线程的执行过程就是一个 tick,而所有的异步结果都是通过 “任务队列” 来调度被调度。 消息队列中存放的是一个个的任务(task)。 规范中规定 task 分为两大类,分别是 macro task 和 micro task,并且每个 macro task 结束后,都要清空所有的 micro ta ...
分类:
其他好文 时间:
2018-11-29 15:24:16
阅读次数:
168
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变 ...
分类:
Web程序 时间:
2018-11-19 21:36:58
阅读次数:
390
需求:用户在地图上单击选点,页面获取到具体坐标并返回。 首先比较重要的是Vue中的$nextTick,因为vue是异步更新的,如果是想打开Dialog或者是其他操作dom后才加载地图,使用nextTick可以保证在dom加载之后进行加载。 如果直接加载地图,这时dom还没有全部更新完毕,无法加载。 ...
分类:
Web程序 时间:
2018-11-14 12:33:23
阅读次数:
320
Vue: (1) 没有再模板里引用data数据,会不会引起update、beforeUpdate生命周期函数的执行? 不会 (2)组件改成异步 (3)v-once (4)如果不用template属性,直接在页面上写组件名,有些浏览器会把这些非法命名的组件解析错误,这是需要在标签内写正常的标签名,写i ...
分类:
其他好文 时间:
2018-11-13 23:56:17
阅读次数:
235
全局对象 process 全局对象 process.nextTick() process.argv 获取命令行输入的参数 __filename 当前运行文件的绝对路径 E:\Node.js\node对象\全局对象\01_filename&dirname.js __dirname 当前运行文件所在目录 ...
分类:
其他好文 时间:
2018-11-13 22:13:12
阅读次数:
173
异步获取即:通过 $this.$nextTick或者settimeout,这连dom都可以拿出来 beforeCreate() { this.$nextTick(function() { console.log(this.属性名); }) }) 同步获取:在beforeCreate之前,所有的ipt ...
分类:
其他好文 时间:
2018-11-12 11:39:32
阅读次数:
270
1、nextTick调用方法 首先看nextTick的调用方法: https://cn.vuejs.org/v2/api/#Vue-nextTick 即:既可以支持回调函数,也可以支持then方法(即Promise)。 2、vue nextTick源码分析 https://github.com/vu ...
分类:
系统相关 时间:
2018-11-09 21:00:27
阅读次数:
348
使用elementUI时,tree遇到的坑 1、发现,this.$refs每次都是undefined; 问题原因:渲染组件需要时间,并且时间没有JS执行的快;所以获取不到 解决办法:第一种利用setTimeout this.condition = true; setTimeout(()=>{ thi ...
分类:
其他好文 时间:
2018-10-23 14:52:01
阅读次数:
171
接上文:一套代码小程序&Web&Native运行的探索04——数据更新 对应Git代码地址请见:https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考: https://github.com/fastCreator/MVVM(极度参考,十分感 ...
分类:
微信 时间:
2018-10-06 16:42:39
阅读次数:
242