天天看點

vue3.0 nextTick

将回調推遲到下一個DOM更新周期之後執行,在更改了一些資料以等待DOM更新後立即使用它。

import { createApp, nextTick } from 'vue'

方式一:
	const app = createApp({
	  setup() {
	    const changeMessage = async newMessage => {
		  ...
	      await nextTick()	會傳回一個Promise對象,是以可以使用await,等待nextTick()結束再執行後續操作
	      ...

	    }
	  }
	})
	
方式二:
	const app = createApp({
	  setup() {
	    const message = ref('Hello!')
	    const changeMessage = async newMessage => {
			nextTick(()=>{
				...
			})
	    }
	  }
	})