vue父组件通过$refs调用子组件方法时报undefined的问题

柔情只为你懂 2022-11-15 05:55 511阅读 0赞

## 1，vuejs怎样调用子组件里的方法？给引用过来的子组件加ref，然后选中这个ref就可以使用方法了： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

参考：

[https://www.jianshu.com/p/01c7e752684e][https_www.jianshu.com_p_01c7e752684e]

## 2，vue父组件通过$refs调用子组件方法时报undefined的问题 ##

解决办法：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1][]

参考：

[https://blog.csdn.net/m0\_46156566/article/details/106476362][https_blog.csdn.net_m0_46156566_article_details_106476362]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221022/fb2eaddd073e45239aa07f0b89185195.png
[https_www.jianshu.com_p_01c7e752684e]: https://www.jianshu.com/p/01c7e752684e
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2021033110330941.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_m0_46156566_article_details_106476362]: https://blog.csdn.net/m0_46156566/article/details/106476362

发表评论取消回复

表情：

评论列表（有 0 条评论，511人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue父组件调用子组件方法

组件 <template> <div> child </div> </template> <...

待我称王封你为后i/ 2024年04月17日 19:58/ 0 赞/ 128 阅读

相关 vue父组件调用子组件方法

[https://www.cnblogs.com/mophy/p/8590291.html][https_www.cnblogs.com_mophy_p_8590291.htm

约定不等于承诺〃/ 2023年06月23日 12:56/ 0 赞/ 46 阅读

相关 VUE_Vue父组件调用子组件方法,uni-app父组件调用子组件方法

//父组件 <template> <div class="home"> <HelloWorld ref="mychild"></He

ゞ浴缸里的玫瑰/ 2022年12月16日 06:15/ 0 赞/ 350 阅读

相关 VUE_vue子组件调用父组件方法，uni-app子组件调用父组件方法

父组件引入组件header <Header @call="call" /> 父组件methods添加方法 call(){ conso

比眉伴天荒/ 2022年12月11日 03:23/ 0 赞/ 302 阅读

相关 vue父组件通过$refs调用子组件方法时报undefined的问题

1，vuejs怎样调用子组件里的方法？给引用过来的子组件加ref，然后选中这个ref就可以使用方法了： ![watermark_type_ZmFuZ3poZW5naGVp

柔情只为你懂/ 2022年11月15日 05:55/ 0 赞/ 512 阅读

相关 Vue $parent、子组件调用父组件方法，父组件调用子组件方法

[https://blog.csdn.net/zgrkaka/article/details/100528714][https_blog.csdn.net_zgrkaka_ar

超、凢脫俗/ 2022年10月06日 01:50/ 0 赞/ 346 阅读

相关 vue 父组件调用子组件的方法，子组件调用父组件方法

首先看代码： 1、父组件： <template> <div> <div v-if="!userShow"> 父组件内容区

╰+攻爆jí腚メ/ 2022年04月17日 04:55/ 0 赞/ 631 阅读

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

一般情况，我们从父组件向子组件传递数据会用props，子组件事件想在父组件中执行可以用$emit。现在父组件想用子组件里的一个方法，那怎么办？在父组件里首先得得到子组件对象

冷不防/ 2022年04月08日 10:10/ 0 赞/ 466 阅读

相关 vue子组件调用父组件方法

说明：有一个组件InputListSelect.vue，选中一个行数据，将该数据传送到父级ProjectEdit.vue文件中 1、父级ProjectEdit.vue调用

桃扇骨/ 2022年02月18日 14:21/ 0 赞/ 434 阅读

相关 Vue $emit $refs子父组件间方法的调用

1、$emit 子组件调用父组件的方法并传递数据子组件： <template> <button @click="emitEvent">点

r囧r小猫/ 2021年12月03日 06:31/ 0 赞/ 333 阅读