今天写项目时发现一个问题,就是明明已经定义了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

Logo

前往低代码交流专区

更多推荐