关于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(_ => {})
,等页面渲染好再调用
更多推荐
已为社区贡献25条内容
所有评论(0)