Vue通过ref获取不到$refs

原文地址：https://blog.csdn.net/weixin_41542329/article/details/124432644?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-2-124432644-blog-119215437.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-2-124432644-blog-119215437.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=4

今天写项目时发现一个问题，就是明明已经定义了ref，但通过$refs打印却没有打印出想要的结果。代码如下

<!-- html部分 -->
<div ref="myOrder" v-if="isOrder"></div>

// js部分
init () {
console.log(this.$refs.myOrder) //undefined
}
打印结果是undefined。
后来查阅资料后发现问题所在：ref所在的标签不要用v-if，使用v-show就好了。并且ref的父级标签也不要用v-if。能用v-show就用v-show。否则就会出现打印$refs时，值为undefined
————————————————
版权声明：本文为CSDN博主「聆听HJ」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_41542329/article/details/124432644