Vue.nextTick( [callback, context] )
阿新 • • 發佈:2017-09-26
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] )