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
 
    }
 
 
}
相关推荐
计算机学姐14 分钟前
基于微信小程序的剧本杀游玩一体化平台
java·vue.js·spring boot·微信小程序·小程序·intellij-idea·mybatis
青云交41 分钟前
大数据新视界 --大数据大厂之 Vue.js 与大数据可视化:打造惊艳的数据界面
大数据·vue.js·信息可视化·echarts·d3.js·数据驱动·大数据可视化
程楠楠&M2 小时前
uni-app页面调用接口和路由(四)
前端·vue.js·小程序·uni-app·flex布局·弹性布局
hmz3602 小时前
最新绿豆影视系统 /反编译版源码/PC+WAP+APP端 /附搭建教程+软件
前端·后端·php
胡西风_foxww2 小时前
canvas分享,从入门到入门。
javascript·教程·canvas·入门·分享
L_cl3 小时前
JavaWeb JavaScript 11.XML —— 配置文件
xml·java·前端
HED3 小时前
【前端学算法】排序算法知多少(二)
前端·javascript
小夏同学呀3 小时前
vue3ElementPlus使两个日期联动控制(限制结束时间为开始时间的一个月)
前端·javascript·vue.js
变形金刚卖人寿保险还是汽车保险3 小时前
elementplus修改表格数据
javascript·vue.js·elementui