Vue通过ref获取不到$refs
今天写项目时发现一个问题,就是明明已经定义了ref,但通过$refs打印却没有打印出想要的结果。代码如下<!-- html部分 --><div ref="myOrder" v-if="isOrder"></div>// js部分init () {console.log(this.$refs.myOrder) //undefined}打印结果是undefined。
·
今天写项目时发现一个问题,就是明明已经定义了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
更多推荐
已为社区贡献3条内容
所有评论(0)