vue中nextTick的实际应用

vue中nextTick的实际应用简单来说就是页面数据渲染完成之后再调用在使用Vue框架的时候有时候需要在Vue在页面数据渲染完成之后调用方法不然获取不到准确的数据特别是在获取列表的高度的时候由于数据没有加载完获取不到准确的高度。之前在使用jquery的时候有ready可以帮助我们实现但是Vue不存在此类方法我们需要结合watch和nextTick来实现。nextTick在下次 DOM 更新循环结束之后执行延迟回调watch用于观察Vue实例上的数据变动 对应一个对象 键是观察表达式 值是对应回调为了在加载的时候 不要显示 “个好友”首先将个好友隐藏当页面数据加载完毕后显示vue中nextTick和$nextTick的差别Vue.nextTick(callback)当数据发生变化更新后执行回调。Vue.$nextTick(callback)当dom发生变化更新后执行的回调。项目中实际用到$nextTick的地方还是挺多的比如element-ui打开弹窗时重置表单直接使用 this.$refs[dataForm].resetFields(); 会报错但是用$nextTick包上就好啦~参考资料https://jingyan.baidu.com/article/0320e2c134092b1b86507b64.html