关于vue的this.$refs打印为undefined解决方法
在template里定义了ref元素<div ref="secoller" ></div>updated() {console.log(this.$refs.secoller) // <div ref="secoller" ></div>}详解:ref本身是作为渲染结果被创建的,在初始渲染的时候访问不到它们 - 它们是不存在的。只有等页面加载完成好之
·
在template里定义了ref元素
<div ref="secoller" ></div>
updated() {
console.log(this.$refs.secoller) // <div ref="secoller" ></div>
}
详解:
ref本身是作为渲染结果被创建的,在初始渲染的时候访问不到它们 - 它们是不存在的。只有等页面加载完成好之后才能调用this.$refs。
- 如果在
mounted里获取,此时dom还未完全加载,所以拿不到 update() {}完成了数据跟新到dom的阶段,此时使用this.$refs可以获取到methods: {}可以使用this.$nextTick(_ => {}),等页面渲染好再调用
更多推荐



所有评论(0)