vue3.0中使用nextTick

作者: adm 分类: 前端发布时间: 2023-01-31

vue3.0
1、引入

import { nextTick } from 'vue'

2、具体使用，配合异步

setup() {
    const message = ref('Hello!')
    const changeMessage = async newMessage => {
      message.value = newMessage
      await nextTick()
      console.log('Now DOM is updated')
    }
  }

3、具体使用，普通
方法里：

 setup () {    
    let otherParam = reactive({
      showA:false
    })
    nextTick(()=>{
      otherParam.showA = true
    })
  return {
      otherParam
 
    }
 
 
}

页面上：

vue2.0

this.abc = false
this.$nextTick(() => {
   //你要执行的方法
     this.abc = true
})

vue

如果觉得我的文章对您有用，请随意赞赏。您的支持将鼓励我继续创作！