vue中的ref,refs使用

Posted yhl-0822

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的ref,refs使用相关的知识,希望对你有一定的参考价值。

使用elementUI时,tree遇到的坑

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

this.condition = true;
setTimeout(()=>{

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

},0)

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

this.condition = true;
this.$nextTick(()=>{
  this.$refs.tree.setCheckedKeys(role.permissions)
})

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

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

 












以上是关于vue中的ref,refs使用的主要内容,如果未能解决你的问题,请参考以下文章

vue中的 ref 和 $refs

第二十一篇Vue中的ref和$refs

vue父组件中使用ref调用子组件中的方法

Vue3中ref的使用

vue中的ref 及$refs

vue中ref的作用