vue中mounted获取不到refs

可能是因为在mounted生命周期钩子函数中，DOM元素还没有完全渲染出来，所以无法获取到refs。可以尝试在nextTick中获取refs，确保DOM元素已经渲染完毕。例如：

mounted() {
  this.$nextTick(() => {
    const refElement = this.$refs.refName;
    // do something with refElement
  });
}

相关问题

vue 在mounted中使用$refs获取到dom后，想要改变该dom的scrollTop失败，请给出解决方法

如果你在mounted生命周期中使用$refs获取到DOM元素，但是尝试更改它的scrollTop属性失败，可能是因为此时DOM元素还没有渲染完毕。你可以将更改scrollTop属性的代码放在Vue.nextTick()回调中，以确保DOM元素已经渲染完毕。

示例代码如下：

mounted() {
  this.$nextTick(() => {
    this.$refs.myDiv.scrollTop = 100;
  });
}

这里的myDiv是你想要更改scrollTop属性的DOM元素的ref属性的值，请根据你的实际情况进行修改。

另外，如果你的DOM元素是在v-if或v-for等指令中动态生成的，还需要确保在DOM元素生成后再去获取它。

希望这个解决方法能够解决你的问题。

vue 在mounted中使用$refs获取到dom后，在$nextTick中执行，想要改变该dom的scrollTop失败，请给出解决方法

如果在mounted中使用$refs获取到DOM元素，然后在$nextTick中执行scrollTop的更改仍然无效，可能是因为DOM元素的高度为0。如果DOM元素的高度为0，scrollTop属性的更改是无效的。

解决这个问题的方法是确保DOM元素已经具有高度。你可以在mounted生命周期中使用setTimeout()方法添加一个延迟，以确保DOM元素有足够的时间来渲染。例如：

mounted() {
  setTimeout(() => {
    this.$refs.myDiv.scrollTop = 100;
  }, 100);
}

这里的myDiv是你想要更改scrollTop属性的DOM元素的ref属性的值，请根据你的实际情况进行修改。setTimeout()方法中的延迟时间可以根据你的实际情况进行调整。

希望这个解决方法能够解决你的问题。