给dom添加ref属性，用this.$refs进行操作，但拿到的thi.$refs为undefined

出现这种情况可能是因为您在组件渲染之前就尝试访问它的 $refs 属性。请确保在组件渲染完成后再访问 $refs 属性。您可以在组件的 mounted 或 updated 生命周期函数中访问 $refs 属性。如果您仍然无法访问 $refs 属性，请检查您是否正确地给DOM元素添加了 ref 属性。如果问题仍然存在，您可以考虑使用 Vue.nextTick() 方法来等待DOM更新。下面是一个示例代码片段：

<template>
  <div ref="myDiv"></div>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      console.log(this.$refs.myDiv) // 不再是 undefined
    })
  }
}
</script>

相关问题

给el-popover设置ref,利用this.$refs进行操作，this.$refs打印出来始终都是undefined，放在 Vue.nextTick() 方法中也没用

如果在 Vue.nextTick() 方法中也无法访问 $refs 属性，那么可能是因为 el-popover 组件是通过 v-if 或 v-show 等指令进行条件渲染的，导致组件未被创建时无法访问 $refs 属性。解决方法是等待条件渲染完成后再访问 $refs 属性。您可以在 el-popover 的 visible-change 事件中访问 $refs 属性，如下所示：

<template>
  <el-popover ref="myPopover" v-model="visible" @visible-change="onVisibleChange">
    <p>这是一段内容</p>
    <p>这是一段内容</p>
    <p>这是一段内容</p>
    <div slot="reference">触发Popover的按钮</div>
  </el-popover>
</template>

<script>
export default {
  data() {
    return {
      visible: false
    }
  },
  methods: {
    onVisibleChange(visible) {
      if (visible) {
        this.$nextTick(() => {
          console.log(this.$refs.myPopover) // 不再是 undefined
        })
      }
    }
  }
}
</script>

在这个示例中，我们在 el-popover 的 visible-change 事件中访问 $refs 属性，并在组件渲染完成后再进行操作。注意，我们需要先判断 visible 的值是否为 true，因为只有当 el-popover 显示时才会被渲染。

this.$refs有值但this.$refs.addForm.resetFields值为undefined

这种情况可能是因为resetFields方法是在组件mounted之后才能被调用，而你在调用resetFields方法时组件可能还没有被mounted。可以尝试在mounted生命周期函数中调用resetFields方法，或者使用this.$nextTick()方法。例如：

mounted() {
  this.$nextTick(() => {
    this.$refs.addForm.resetFields();
  });
}

这样就可以确保在组件mounted之后再调用resetFields方法。