美文网首页
【vue】子组件取不到父组件的值

【vue】子组件取不到父组件的值

作者: IrisLong | 来源:发表于2020-07-16 12:16 被阅读0次

可能原因:
1、子组件没有 name 属性,父组件匹配不到
2、属性命名格式不对

// 父组件
<subjectTab :active-key.sync="activeKEY" ref="myChild"></subjectTab>
computed: {
    activeKEY() {
         return this.currentTab + 1
     },
},

//子组件
props: {
    activeKEY: Number,
},

子组件中获取不到父组件中传递过来的activeKEY,一直是undefined
解决方法:
activeKEY 修改为 activeKey 就可以了

相关文章

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 04vue2.0-Vue组件化-组件间的数据传递

    Vue组件之间传值 父组件向子组件传值 1.父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。...

  • vue中父子组件传值

    vue中父子组件传值是经常使用的场景 父组件向子组件中传值 父组件 子组件 父组件向子组件中传值分三步1、在父组件...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • vue2.0的三种常用传值方式,并且如何实现?

    vue2.0 组件传值方式有三种:父组件向子组件传值,子组件向父组件传值,非父子组件传值 : 父传子: 首先现在父...

  • vue、react对比

    一、父子通信 1. 父组件通过props向子组件传值 vue:父组件 子组件接收 react:父组件: 子组件: ...

  • Vue父子组件通信

    全面学习Vue 组件通信父组件给子组件传值 props 父组件 子组件 props: { mn...

  • Vue组件传值

    vue组件传值 一、父组件向子组件传值方式: 1. 子组件中定义props,父组件向子组件props进行传值。 2...

  • vue的父子传值和使用vuex兄弟传值

    在父组件中引入子组件 父传子 父组件 子组件 子传父 子组件 父组件 兄弟传值 兄弟之间可以通过vue官网的方法,...

网友评论

      本文标题:【vue】子组件取不到父组件的值

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