vue中使用 this.$refs 打印为undefined解决办法

最近在使用this.$refs.xxx.方法名称的时候,一直报错说我定义的方法名称是undefined

之前在详情查询数据的时候,直接用this.$refs.xxx.方法名称就可以直接使用

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

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

之前我能成功的原因是因为我在查询详情的接口中直接使用了

而这次报错是因为我这次用列表的row,将整行的数据带到详情页面去使用

那么这就解释的通了,是因为在页面加载好之后才能去使用refs

解决办法: 在methods中使用this.$nextTick(() => {}) 就可以成功啦

原文地址:https://www.cnblogs.com/vickyzhang/p/13725428.html