美文网首页
父组件引用子组件未定义函数报错

父组件引用子组件未定义函数报错

作者: 鲜蛋卷小狐狸 | 来源:发表于2019-11-12 22:06 被阅读0次

父组件引用子组件未定义函数报错

that.$refs.guojia.loadingSelectData(that.originCountryCode)

that.$refs.measurement.loadingSelectData(that.measurementUnit)

that.$refs.measurementtwo.loadingSelectData(that.measurementUnit2)

that.$refs.measurementthree.loadingSelectData(that.measurementUnit3)

that.$refs.measurementfour.loadingSelectData(that.measurementUnit4)

很多人会用到子组件,上方是父组件引用子组件的函数

有时候会报错loadingSelectData子组件的函数未定义,

可能的几个原因:

①子组件未正确引入,专业一点的术语就是未正确挂载,检查引入,组件声明,引用等

console.log(this.$refs)可以打印查看挂载情况

②昨天遇到一个很奇怪报错,提示第一行loadingSelectData未定义,但是把第一行注释掉,报第二行未定义错误,第二行也注释掉报第三行错误。。。。

最后发现原来是最后一个measurementfour 组件没有定义(开始我挂载好了,后来又不用了,挂载删除,),却在这里使用了,当然会报错未定义,只是这个报错报的有点奇怪,报错这些行的第一行,没有定位到真正 的错误行。。。。。

删除最后这行就解决了~~~

相关文章

  • vue3 父组件调用子组件方法

    父组件里面引用子组件: 子组件暴露方法: 父组件调用子组件方法:

  • react - 组件间的值传递

    父组件向子组件传值 父组件通过属性进行传递,子组件通过props获取 父组件ComentList引用子组件Comm...

  • 子组件的值传给父组件

    子组件this.$emit('input', this.formValue);//子传给父 父组件引用子组件 这样...

  • vue父子组件

    父组件向子组件传参数 父组件调用子组件方法 在父组件中引用子组件的标签中使用ref定义组件。 在父组件方法中用$r...

  • Vue中父子组件,爷孙组件传值

    1. 父组件向子组件传值 步骤: 父组件中引入子组件、调用子组件并引用、在引用的标签上给子组件传值。 定义pare...

  • 2017.11.23

    React如何在父组件里面调用子组件的方法在父组件中引用子组件时,给子组件定义ref='name',父组件通过th...

  • React组件通信

    1.父组件与子组件通信父组件传值到子组件props。2.子组件与父组件通信父组件向子组件传一个函数,子组件将自己的...

  • 组件之间数据同步

    数据同步的核心:父组件给子组件传递引用数据类型的数据 父组件: 子组件:

  • react学习笔记

    state props 父组件变量 refs 父组件调用子组件函数

  • react里面父子组件通讯

    一、父组件 二、子组件 三、父组件通过props向子组件传递参数,子组件通过调用父组件的回调函数callback并...

网友评论

      本文标题:父组件引用子组件未定义函数报错

      本文链接:https://www.haomeiwen.com/subject/kzakictx.html