首页 > 其他分享 >vue的$nextTick方法

vue的$nextTick方法

时间:2022-11-12 09:35:11浏览次数:34  
标签:nextTick 异步 vue dom DOM 回调 方法

问题:异步代码没有执行,但是同步代码已经完成逻辑,所以就需要使用$nextTick来等待dom完毕后再执行同步代码

解决方法:使用nextTick()等待dom更新完毕后,在执行对应的回调函数

语法:

//普通写法
this.$nextTick(()=>{})  
//$nextTick支持promise语法,接收异步的结果.then(成功的回调,失败的回调)
this.$nextTick().then(() => {})

在下次DOM更新循环结束之后执行延迟回调,在修改数据之后立即使用这个方

法,后去更新后的DOM

 

标签:nextTick,异步,vue,dom,DOM,回调,方法
From: https://www.cnblogs.com/Dollom/p/16882700.html

相关文章

  • departments/components/add.vue
    <template><!--组件v-modelxxxv-model='abc':value="abc"@input="abc=$event"xxx组件内props:{abc:{......
  • departments/index.vue
    <template><!--查:1:定义api2:导入api3:进入页面就调用api获取数据并存储4:渲染数据增:1:创建一个弹框组件2:导入注册使用3:点击新......
  • Pytest接口测试框架实战项目搭建(二)—— tools公共方法封装
    一、前言在项目中我们要频繁地用到log日志、request请求方法、断言等,所以我们可以把这些常用的方法封装成日志,下面将逐个文件讲述下,不会讲太细,但会把源码贴出来,还有一......
  • 设计模式学习(十四):模板方法
    设计模式学习(十四):模板方法作者:Grey原文地址:博客园:设计模式学习(十四):模板方法CSDN:设计模式学习(十四):模板方法模板方法模板方法是一种行为型模式。假设我们要实现一个游......
  • vite不能用@做为路径的解决方法
    vite创建vue3后,发现原来用@做为路径的不能用了,报错信息是Internalservererror:Failedtoresolveimport"@在网上查了一下资料,解决方法如下首先安装pathnpmins......
  • mac git远程仓库错误解决方法
    mac更新后不知道怎么回事,git时出现了Permissiondenied(publickey).经查询后得出原因1、首先给git进行config的配置gitconfig--globaluser.name你的用户名gi......
  • #yyds干货盘点#Vue中的父子组件之间的数据传递之props、$ref和$emit
    props是用于父组件向子组件传递数据信息props是单向绑定的,即只能父组件向子组件传递,不能反向。<!--父组件--><template><div><h1>我是父组件!</h1><c......
  • 简单进行Springboot Beans归属模块单元的统计分析方法
    简单进行SpringbootBeans归属模块单元的统计分析方法背景基于Springboot的产品变的复杂之后启动速度会越来越慢.公司同事得出一个结论.beans数量过多会导致启动速......
  • VUE3+Element Plus的el-input获取焦点
    <template><el-inputv-model="msg"id="inputbox"type="text"style="width:500px"/><el-button@click="handleGetFocus">获取焦点</el-button></tem......
  • parcel segmentation fault 问题以及解决方法
    parcel是一个很不错的all-in-one的简单工具,可以方便web构建,因为使用mac构建没有发现问题,但是在linux上运行的时候发现是有问题的,出现了段错误问题,尝试了几种解决方......