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
 
    }
 
 
}
相关推荐
曹牧21 分钟前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台21 分钟前
海龟交易系统R
前端·人工智能·r语言
歪歪10023 分钟前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
Captaincc1 小时前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
程序员杨工1 小时前
【原创】SpringBoot3+Vue3客户管理系统
vue.js·springboot
吃饺子不吃馅2 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
theOtherSky3 小时前
element+vue3 table上下左右键切换input和select
javascript·vue.js·elementui·1024程序员节
Baklib梅梅3 小时前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
会联营的陆逊3 小时前
JavaScript 如何优雅的实现一个时间处理插件
javascript