首页 > 其他分享 >在created等虚拟DOM没有完成挂载的钩子函数中,避免操作DOM报错可以把操作语句放在$nextTick的回调函数中

在created等虚拟DOM没有完成挂载的钩子函数中,避免操作DOM报错可以把操作语句放在$nextTick的回调函数中

时间:2023-11-13 22:55:05浏览次数:35  
标签:nextTick Vue 函数 created DOM 报错

在created等虚拟DOM没有完成挂载的钩子函数中,避免操作DOM报错可以把操作语句放在$nextTick的回调函数中

在组件内使用vm.$nextTick()实例方法特别方便,因为它不需要全局Vue,并且回调函数中的this将自动绑定到当前的Vue实例上

需要使用$nextTick()原因是Vue是异步渲染

$nextTick()返回一个Promise对象

标签:nextTick,Vue,函数,created,DOM,报错
From: https://www.cnblogs.com/longmo666/p/17830527.html

相关文章

  • keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。
    keep-alive是一个抽象组件:它自身不会渲染成一个DOM元素,也不会出现在父组件链中。在组件切换过程中将状态保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性。include定义缓存白名单,keep-alive会缓存命中的组件;exclude定义缓存黑名单,被命中的组件将不会被缓存......
  • 无涯教程-Dart - continue 语句函数
    continue语句跳过当前迭代中的后续语句,与break语句不同,continue语句不会退出循环。以下示例显示了如何在Dart中使用continue语句-continue-示例voidmain(){varnum=0;varcount=0;for(num=0;num<=20;num++){if(num%2==0){......
  • HTML03(函数,DOM,jQuery,正则表达式)
    基础js是弱类型的脚本语言;在浏览器的控制台打印:console.log();定义对象varobj={};对象的属性名默认就是字符串;函数前置声明varresult=fun(12,23.44);console.log(result);functionfun(a,b){//参数不需要声明类型retu......
  • MySQL中常见的数学函数
    1.函数用于求绝对值abs() 2.函数返回小于或等于x的最大整数 floor(x) 3.函数是返回0-1的随机数 rand() 4.函数用于返回圆周率 PI() 5.函数返回x保留到小数点后y位的值truncate(x,y) 6.函数对x四舍五入,round(x,y)返回x保留到y位,截断时进行四舍五入处理 round(......
  • mysql函数(三)之常见数学函数
    1、format(x,y)函数功能是将一个数字x,保留y位小数,并且整数部分用逗号分隔千分位,小数部分进行四舍五入,使用示例如下: 2、abs(x);sqrt(x);mod(x,y)①、abs();求一个数的绝对值;absolute②、sqrt();求一个数的平方根。sqrt是sqruar(平方,矩形),root(根)的缩写。③、mod(x,y)......
  • openGauss学习笔记-122 openGauss 数据库管理-设置密态等值查询-密态支持函数/存储过
    openGauss学习笔记-122openGauss数据库管理-设置密态等值查询-密态支持函数/存储过程密态支持函数/存储过程当前版本只支持sql和PL/pgSQL两种语言。由于密态支持存储过程中创建和执行函数/存储过程对用户是无感知的,因此语法和非密态无区别。密态等值查询支持函数存储过程新增系......
  • 无涯教程-Dart - break 语句函数
    在循环中使用break会使程序退出循环,以下是break语句的示例。break-示例voidmain(){vari=1;while(i<=10){if(i%5==0){print("Thefirstmultipleof5between1and10is:${i}");break;//如果找到......
  • 用函数递归打印数字的每位数字
    #include<stdio.h>voidprint(intj){  if(j>9)  {        print(j/10);      }  printf("%d",j%10);}intmain(){ inti; printf("请输入数字:"); scanf_s("%d",&i);   print(i); ......
  • .NET之默认依赖注入 注入方式(构造函数注入、FromServices操作注入)和 获取服务(Contr
    .NET之默认依赖注入注入方式(构造函数注入、FromServices操作注入)和获取服务(Controller构造函数中注入获取、IServiceProvider获取、statrup中获取服务)介绍领券https://www.cps3.cn/不要依赖于具体的实现,应该依赖于抽象,高层模块不应该依赖于底层模块,二者应该依赖于抽......
  • vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStart
    关于Vue中的diff算法说法错误的是()A比较只会在同层级节点进行比较,不会跨层级比较B在diff比较的过程中,循环从两边向中间收拢。Cvue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStartIdx、oldEndIdx、newStartIdx、newEndIdxD当老VNode节......