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
 
    }
 
 
}
相关推荐
努力往上爬de蜗牛5 分钟前
react native 实现选择图片或者拍照上传(多张)
javascript·react native·react.js
谢尔登13 分钟前
【React】React组件的渲染过程分为哪几个阶段?
前端·javascript·react.js
MediaTea27 分钟前
Python 第三方库:Flask(轻量级 Web 框架)
开发语言·前端·后端·python·flask
5***o50032 分钟前
前端构建工具缓存清理,解决依赖问题
前端·缓存
q***725644 分钟前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
lcc1871 小时前
Vue Vue与VueComponent的关系
前端·vue.js
无敌最俊朗@1 小时前
Vue 3 概况
前端·javascript·vue.js
游九尘1 小时前
Element UI 2.x 校验数组每个对象中的name不能为空
vue.js
摆烂工程师1 小时前
今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了
前端·后端·程序员
拉不动的猪1 小时前
一文搞懂:localhost和局域网 IP 的核心区别与使用场景
前端·javascript·面试