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
 
    }
 
 
}
相关推荐
仿生狮子1 天前
把 Git 提交历史变成一条流动的河——Project River
vue.js·设计·vibecoding
LCG元1 天前
STM32实战:基于STM32F103的Bootloader设计与IAP在线升级
javascript·stm32·嵌入式硬件
xixingzhe21 天前
idea启动vue项目
java·vue.js·intellij-idea
超级无敌暴龙兽1 天前
和我一起刷面试题呀
前端·面试
wzl202612131 天前
企业微信定时群发技术实现与实操指南(原生接口+工具落地)
java·运维·前端·企业微信
小码哥_常1 天前
Robots.txt:互联网爬虫世界的“隐形规则”
前端
小码哥_常1 天前
Android开发神器:AndroidAutoSize,轻松搞定屏幕适配
前端
前端一小卒1 天前
前端工程师的全栈焦虑,我用 60 天治好了
前端·javascript·后端
不停喝水1 天前
【AI+Cursor】 告别切图仔,拥抱Vibe Coding: AI + Cursor 开启多模态全栈新纪元 (1)
前端·人工智能·后端·ai·ai编程·cursor