首页 > 其他分享 >$el,$nextTick,$set

$el,$nextTick,$set

时间:2022-11-05 14:33:43浏览次数:103  
标签:nextTick el set DOM 更新 数据

this.$el this.$el DOM的根元素 => 是一个完全唯一的 $el 直到组件挂载完成 (mounted) 之前都会是 undefined。 对于单一根元素的组件,$el 将会指向该根元素。 this.$nestTick: 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用 简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数 注意:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM this.$set(Vue2特有的) 不是一个响应式的数据  => $set,可以将非响应式数据修改成响应式数据  

标签:nextTick,el,set,DOM,更新,数据
From: https://www.cnblogs.com/ltwlh/p/16860125.html

相关文章

  • Java XSSF兼容高版本Excel文件
    Workbookworkbook=null;try{workbook=newHSSFWorkbook(file.getInputStream());//将获取的流转成Excel}ca......
  • Object Pascal与Delphi中的指针
    ObjectPascal的指针1.https://blog.csdn.net/peixiaobin_blog/article/details/43191171ObjectPascal中,动态分配内存的函数是GetMem(),与之对应的释放函数为FreeMem()(......
  • 可编程渲染管线(Scriptable Render Pipeline, SRP)
    原文链接可编程渲染管线处理数据的流程可分为以下3大阶段1.应用阶段这个阶段大概会由CPU处理4件事情。首先会对模型数据进行可见性判断。模型数据由顶点位置、法线方......
  • SpringBoot,Vue,ELementui实现文件上传,下载,删除
    SpringBoot,Vue,ELementui实现图片文件上传、下载、删除:el-upload表单+vue效果:代码: <el-upload class="avatar-uploader" action="/api/common/uplo......
  • DOM – Dimension (offset, client, computed, rect)
    前言很多年前有记入过一篇 box-sizing和domwidth.想想也挺可悲的,那年我是负责后端的,却要帮着前端去学习这些知识来解决问题...也好,现在fullstack,也算没有......
  • MultipleSelection_Dropdown——Dropdown复选框扩展
     参考文章:https://www.cnblogs.com/chinarbolg/p/9601417.html  https://www.cnblogs.com/Fivee/p/13099362.html usingSystem.Collections.Generic;usingUnit......
  • delphi TMS FlexCel 导出进度条
    TMSFlexCel导出进度条属性和方法TFlexCelPdfExport.ProgresspropertyProgress:TFlexCelPdfExportProgress导出进度。可以从其他线程或AfterGeneratePage事件访问......
  • Redis 的 Sentinel 系统
    介绍Redis的Sentinel系统技术是为了解决问题而生的,Redis的Sentinel系统实现了Redis主从服务器的自动切换。Sentinel是Redis的高可用性解决方案:由一个或多个......
  • delphi11.2和谐安装
    delphi11.2和谐安装delphi11.2和谐起来还是比较麻烦的,如果曾安装过,必须要清除注册表,否则和谐不会成功。和谐以前的版本是不用的。如果没有安装过,当然不用清除注册表。1)删......
  • PageHelper源码分析
    PageHelper源码分析分析版本:5.2.0项目地址:https://github.com/pagehelper/Mybatis-PageHelper可以看下作者写的关于拦截器的文章。分页的原理,就是根据Mybatis提供的......