vue中的ref,refs使用

作者:无名 - 其它综合 -

使用elementui时,tree遇到的坑

1、
发现,this.$refs每次都是undefined;
问题原因:渲染组件需要时间,并且时间没有js执行的快;所以获取不到
解决办法:第一种利用settimeout

this.condition = true;
settimeout(()=gt;{

  this.$refs.tree.setcheckedkeys(role.permissions)

},0)

2,
第二种:利用 this.$nexttick

this.condition = true;
this.$nexttick(()=gt;{
  this.$refs.tree.setcheckedkeys(role.permissions)
})

ps:另外附上 settimeout为0时的作用与意义https://www.cnblogs.com/yhl-0822/p/9835588.html

------------------------------------------------------
作者:小牧临风(一个懵懵懂懂的萌新码农)

vue中的ref,refs使用

原文地址:https://www.cnblogs.com/yhl-0822/p/9835651.html

以上就是由(IT人知识库http://www.itpeo.net/9999/4539840.html)本站为大家整理





标签 中的使用

Leetcode672.灯泡开关II

灯泡开关ii 现有一个房间,墙上挂有n只已经打开的灯泡和 4 个按钮。在进行了m次未知操作后,你需要返回这n只灯泡可能有 ...

golang基础学习-strings包常用函数学习

package main import ( "fmt" "strings" ) //strfunc 字符串说明 ...

C#基础篇之语言和框架介绍

1.如何描述c#和.net的关系? .net的是平台,c#是为了微软公司为了.net平台开发的面向对象语言。 2.c# ...

Python_re模块

一、re简介   正则表达式是一种对字符串(包括普通字符、非打印字符、通用字符(称为原子)、特殊字符(称为元字符))操作 ...

第八天:错误异常处理

错误类型 1、语法错误 syntaxerror:代码拼写出错 attributeerror:属性异常 try: ...

网络为什么分层?

在自然世界中,分层无处不在。大到社会阶层,小到细胞层次结构。 为什么会这样?因为复杂的事物组成复杂,完成的功能复杂,把所 ...

mysql数据增删改的总结

一、在mysql管理软件中,可以通过sql语句中的dml语言来实现数据的操作,包括1.使用insert实现数据的插入2. ...

linuxdmesg查看系统故障信息

dmesg 可以查看linux 内核信息 dmesg’命令设备故障的诊断是非常重要的。在‘dmesg’命令的帮助下进 ...

企业级SpringBoot教程(八)springboot整合mongodb

准备工作 安装 mongodb jdk 1.8 maven 3.0 idea 环境依赖 在pom文件引入spring ...

关于pytorch在windows上编辑的问题集合

cmake在windows上自动寻找v140(vs2015)的编译器,现在只有vs2013的ide,所以要修改编译器 修 ...

EffectiveJavaP2CreatingandDestroyingObjects

this chapter concerns creating and destorying objects : wh ...

wepy小程序入门和项目初始化

前言: wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚。 这篇写得挺好的:小程序开发之wepy ...

docker部署nginx服务器

1,下载nginx镜像 docker pull nginx 2,启动 docker run --name runo ...

Markdown:Syntax

markdown: syntax main basics syntax license ...

JSP基础--九大内置对象

jsp九大内置对象 object findattribute(string name):依次在page、request ...

python3之深浅copy对比

一、赋值对比1、列表l1=[1,2,3] l2=l1 l1.append(#39;a#39;) print(l1,l2) ...

PHP代码规范之PSR-1

1.概述 1. 必须使用lt;php gt; 或是lt;=gt;这两种标签 2. php代码中必须使用utf-8 wit ...

安装使用Hadoop遇到的一些问题

安装完后却不能运行hadoop,仔细查看日志信息,hadoop记录了详尽的日志信息,日志文件保存在logs文件夹内。 ...

c++string去除首尾空格、\n、\r、\t

string s = " test "; size_t n = s.find_last_not ...

.Net基础之3——运算符

(3)convert类型转换 1、类型如果相兼容的两个变量,可以使用自动类型转换或者显示类型转换。 但是如果两个类型的变 ...