吾八哥博客

您现在的位置是:首页 > 码农手记 > 前端相关 > 正文

前端相关

vue里this.$refs调用报undefined的解决方法

吾八哥2021-04-29前端相关1464
ref的官网说明:https://cn.vuejs.org/v2/api/?#ref关于ref注册时间的重要说明:因为ref本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们-它们

ref的官网说明:https://cn.vuejs.org/v2/api/?#ref

关于 ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们 - 它们还不存在!

$refs 也不是响应式的,因此你不应该试图用它在模板中做数据绑定。

需要使用如下方法访问:

// ...
  this.$nextTick(() => {
    this.$refs.xxx.xxx;
  });
//...