Vue.nextTick( [callback, context] )
Posted 恒之心
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.nextTick( [callback, context] )相关的知识,希望对你有一定的参考价值。
1、在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
Vue.nextTick(() => {}) / this.$nextTick(() => {// 更新完成})
<template lang="html"> <div> <span>{{msg}}</span> </div> </template> <script> export default { data () { return { msg: ‘没有更新之前‘ } }, methods: { updateMsg () { this.msg = ‘更新完成‘ console.log(‘aaa‘, this.$el.textContent) // 没有更新之前 this.$nextTick(() => { console.log(‘bb‘, this.$el.textContent) // 更新完成 }) } }, mounted () { this.updateMsg() } } </script> <style lang="css"> </style>
以上是关于Vue.nextTick( [callback, context] )的主要内容,如果未能解决你的问题,请参考以下文章