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
 
    }
 
 
}
相关推荐
A小码哥4 分钟前
向cluade学习如何在实际项目中配置AI规则
前端·后端
竹林8188 分钟前
从零到一:在 React 前端中集成 The Graph 查询 NFT 持有者数据实战
前端·javascript
山西茄子11 分钟前
GstAggregator的aggregate
开发语言·前端·javascript·gstreamer
Sailing14 分钟前
🚨别再滥用 useEffect 了!90% React Bug 的根源就在这
前端·javascript·面试
河马老师15 分钟前
写这需求快崩溃了,幸好我会装饰器模式
前端·javascript·面试
未来转换15 分钟前
Python-web开发之Flask框架入门
前端·python·flask
用户57573033462417 分钟前
🚀 拒绝“CSS 命名困难症”!手把手带你用 Tailwind CSS 搓一个“高颜值”登录页
前端
文静小土豆18 分钟前
标签和选择器(Label和 Selector)
linux·前端
wuhen_n24 分钟前
《Vue3+TS+Vite 高效编程与优化实践》专栏收尾
前端·javascript·vue.js
kevinten1028 分钟前
折腾三个月,我把摩旅路线和 AI 搞在一起了
前端