用$refs去无法调用子组件的函数

问题：已经正确引入组件了，就是无法调用子组件函数

父组件：

子组件：

报错

打印的this.$ref:（可以看到有show（）函数的）

一切都很完美，就是哪里出了问题？就是没有取到

找啊找，然后就百度到啦~

原因：在onLoad里面调用，过早调用了，所以取不到

解决办法：换个方式展示，不要放在onLoad，onShow这些初始化生命钩子上面

其他方法：https://blog.csdn.net/YouZi_X/article/details/106773801?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-1.control

如果还没解决，试试看下面的：

https://blog.csdn.net/qq_43719932/article/details/107477334

https://www.cnblogs.com/IwishIcould/p/11306344.html

加油~

用$refs去无法调用子组件的函数相关推荐

vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法
vue 父组件中调用子组件函数的方法在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数 ...
Vue +父组件调用子组件方法 + 子组件回调父组件方法
0. 整体代码: [父组件]: <template><div><span style="color: red">--------------- ...
Vue父组件调用子组件的方法并传参的两种方式（用$refs.refName.functionName、window.function）
如需了解儿子怎么控制老子的,传送门:https://s-z-q.blog.csdn.net/article/details/120094689 父组件father.vue <template&g ...
vue 父循环怎么拿子循环中的值_Vue 父组件循环使用refs调用子组件方法出现undefined的问题...
Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景最近前端项目遇到一个问题,我在父组件中使用了两个相同的子组件child,分别设置ref为add和update.其中 ...
react组件卸载调用的方法_React调用子组件方法与命令式编程误区
本文将阐述以下内容: 调用DOM元素方法调用React子组件方法的两种直接方案自省组件结构设计是否合理 -- 探讨声明式编程与命令式编程在React开发中的问题调用React子组件方法的最佳方案 ...
vue 父组件调子组件方法_vue父组件调用子组件有哪些方法
这次给大家带来vue父组件调用子组件有哪些方法,vue父组件调用子组件的注意事项有哪些,下面就是实战案例,一起来看一下. 情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组 ...
vue3.0 父组件调用子组件方法及获取子组件的值
vue3.0 父组件调用子组件方法及获取子组件的值通过对比2.0的获取及调用方式这里我们也可以借鉴2.0中的this.$refs去获取3.0和2.0的refs获取的方式有点大同小异,但是思路还是一样 ...
vue父组件调用子组件的方法
vue组件与组件通信有如下几种情况: 平行组件父组件与子组件子组件与父组件它们之间通信有几种方法有: props 自定义事件 vuex 今天我们聊一下父组件调用子组件的一种方法 parent.v ...
Vue中父组件调用子组件的方法
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...

用$refs去无法调用子组件的函数

用$refs去无法调用子组件的函数相关推荐

最新文章

热门文章