526互联

this.$refs.ref 不存在 undefined v-if和v-show 的区别

发布时间 2023-05-23 10:26:00作者: jiduoduo

<div v-if='true'>

    <div>.... <el-input ref='ref' /> </div>

</div>

 

上面的代码，引用this.$refs.ref = undefined;

 

改为v-show解决。

 

网上有好多说法是：this.$nextTick(() => { 放这里 })；在这里不能解决的。

原因： v-if条件不满足，document中是不存在的，v-show是隐藏了，还是会创建。

 

 

参考：https://huaweicloud.csdn.net/638f0ffadacf622b8df8e3a9.html