this.$nextTick这个要领感化是当数据被改削后使用这个要领会回调获取更新后的dom再衬着出来

template> <button ref="tar" type="button" @click="testClick">{{content}}</button> </template> <script> export default { data () { return { content: ‘初始值‘ } } 　　　　 methods: { 　　　　　　 testClick(){ 　　　　　　　　 this.content = ‘转变了的值‘ 　　　　　　　　 // 这时候直接打印的话，由于dom元素还没更新，因此打印出来的还是未转变之前的值 　　　　　　　　 console.log(that.$refs.tar.innerText) // 初始值 　　　　　　 } 　　　　 } } </script> methods：{ testClick() { this.content = ‘转变了的值‘ this.$nextTick(() => { // dom元素更新后执行，因此这里能正确打印变动之后的值 console.log(that.$refs.tar.innerText) // 转变了的值 }) } }

vue.js中 this.$nextTick()的使用