位置: 编程技术 - 正文
详解Vue + Vuex 如何使用 vm.$nextTick(vuex详细教程)
编辑：rootadmin推荐整理分享详解Vue + Vuex 如何使用 vm.$nextTick(vuex详细教程)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue中vuex,vuex详细教程,vue vuex 快速入门,vuexss,vuex使用步骤,vuex简单使用,vue中vuex,vuex详细教程,内容如对您有帮助，希望把文章链接给更多的朋友！
vm.$nextTick
简单说，因为DOM至少会在当前tick里面的代码全部执行完毕再更新。所以不可能做到在修改数据后并且DOM更新后再执行，要保证在DOM更新以后再执行某一块代码，就必须把这块代码放到下一次事件循环里面，比如setTimeout(fn, 0)，这样DOM更新后，就会立即执行这块代码。
vm.$nextTick 的作用是将回调延迟到下次 DOM 更新循环之后执行。
正常在 ready/mounted 中获取数据, 那么操作是很简单的
如果是用 vuex 的话, 由于vuex的数据操作都在 action 和 mutations, 然后在 ready/mounted 中调用 action 里的函数, 那么这时候该怎么用 vm.$nextTick 呢&#;
这时候我们就需要用到 Promise 了, 具体代码如下:
首页是api.js
然后是action.js
这里一定要加上return, 这样就可以返回一个Promise对象
最后是vue组件
上一篇：webpack+vue中使用别名路径引用静态图片地址(webpack vue-loader)
下一篇：Vue + Vue-router 同名路由切换数据不更新的方法(vue router routes)