Vue父组件如何调用子组件(弹出框)中的方法的问题

Posted zsg88

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue父组件如何调用子组件(弹出框)中的方法的问题相关的知识,希望对你有一定的参考价值。

如果子组件是一个弹出框,只有在触发某个点击事件时弹出框才能出现(也就是说在父组件中的子组件使用上用了v-if),那在父组件上如果不点击弹出框是不能获取到$ref的。

原因就是:引用指向的是子组件创建的实例,可以理解为绑在了DOM结构上
那如果我偏偏想调用的是这个子组件(弹出框)中的方法,但又不想要弹出框显示,怎么办呢?
解决方法:把v-if换成v-show,这样DOM元素会一直存在于父组件中,子组件的方法也就能调用了

以上是关于Vue父组件如何调用子组件(弹出框)中的方法的问题的主要内容,如果未能解决你的问题,请参考以下文章

如何在父组件调用子组件的方法

vue 通过props向子组件传值,子组件无法取得该值

VUE中父组件如何调用子组件的方法

vue父组件中使用ref调用子组件中的方法

vue子组件调用父组件的方法

父组件Vue中如何调用子组件的方法