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


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

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

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

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

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

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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM