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
 
    }
 
 
}
相关推荐
GISer_Jing16 小时前
前端架构学习
前端·学习·架构
前端一课16 小时前
【vue高频面试题】第4题:Vue 3 中的 setup() 是什么?它的执行时机是什么?能做什么?
前端·面试
前端一课16 小时前
【vue高频面试题】第5题:Vue3 的父子组件通信方式有哪些?分别适用于什么场景?
前端·面试
Funny Valentine-js16 小时前
web实验后端php测试文本
前端·javascript·php·html5·cookie·telnet·session
前端一课16 小时前
【vue高频面试题】第6题:Vue3 中 Composition API 和 Options API 有什么区别?为什么 Composition API 更推荐
前端·面试
前端一课16 小时前
【vue高频面试题】第7题:Vue3 中 `v-model` 的工作原理是什么?为什么 Vue3 支持多个 v-model?如何在子组件中实现?
前端·面试
luguocaoyuan16 小时前
前端沙箱隔离技术详解:从原理到实践
前端
前端一课16 小时前
【vue高频面试题】第3题:Vue 3 中的 computed 是什么?和 watch 有什么区别?什么时候用哪一个?
前端·面试
Json____16 小时前
vue2-数码购物商城-前端静态网站
前端·vue·数码商城
@大迁世界16 小时前
03.CSS嵌套 (Nesting)
前端·css