vue3中使用nexttick

1、引入

javascript 复制代码
import { nextTick } from 'vue'

2、具体使用,配合异步

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

3、具体使用,普通

方法里:

javascript 复制代码
 setup () {    
    let otherParam = reactive({
      showA:false
    })
    nextTick(()=>{
      otherParam.showA = true
    })
  return {
      otherParam
 
    }
 
 
}
相关推荐
Pedantic10 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘10 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆10 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师11 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆11 小时前
VSCode自动格式化三要素
前端
爱勇宝12 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员
kyriewen13 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
user205855615181315 小时前
Windows 项目安装时报 `node-sass` 错误,如何快速处理
前端
LiaCode15 小时前
Redis 在生产项目的使用
前端·后端