【Vue面试题】nextTick是什么？

最新推荐文章于 2024-05-12 09:28:57 发布

劰的劰

最新推荐文章于 2024-05-12 09:28:57 发布

阅读量136

点赞数

分类专栏：面试知识点文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/trista_1999/article/details/130473985

版权

面试知识点专栏收录该内容

14 篇文章 0 订阅

订阅专栏

获取更新后的dom内容

<template>
  <div class="home">
  	<button @click='btn' ref='box'>{{str}}</button>
  </div>
</template>

<script>
export default {
  name: "Home",
  data () {
  	return {
  		str:'123'
  	}
  },
  methods:{
  	btn(){

  		this.str = 'bbbbbb';

  		console.log( this.$refs.box.innerHTML  )

  		this.$nextTick(()=>{
  			console.log( this.$refs.box.innerHTML,'xxxx'  )
  		})
  	}
  }
};
</script>