1. 程式人生 > >Vue.nextTick( [callback, context] )

Vue.nextTick( [callback, context] )

css pda ons content eth col vue cnblogs template

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] )