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
 
    }
 
 
}
相关推荐
六元七角八分6 分钟前
学习笔记二《JavaScript 流程控制》
javascript·笔记
石小石Orz9 分钟前
AI焦虑下,前端该何去何从
前端
用户405594802509 分钟前
对组件内使用:deep()修改自身样式和样式穿透的记录
vue.js
何中应10 分钟前
<el-tree>标签问题
前端·vue.js·elementui
坚持学习前端日记10 分钟前
ComfyUI模型管理与集成方案
前端·人工智能·python
思慕很大很大12 分钟前
使用Vue开发,是不是不会出现XSS漏洞了?
vue.js·浏览器
En^_^Joy12 分钟前
JavaScript Web API:DOM操作全解析
开发语言·前端·javascript
咸鱼老弟14 分钟前
AI时代,告别焦虑,前端工程师的心态转变
前端·程序员
UXbot15 分钟前
APP原型生成工具测评
android·前端·人工智能·低代码·ios·开发·app原型
刘宇琪16 分钟前
如何在大型前端项目中有效管理 TypeScript 的类型复用与共享?
前端