美文网首页
1.子组件更新父组件值,并且初始化的时候父组件也需要调接口

1.子组件更新父组件值,并且初始化的时候父组件也需要调接口

作者: 流泪手心_521 | 来源:发表于2020-09-03 15:08 被阅读0次
1. image.png
image.png

1.子组件传父组件
在接口调用完成的时候,子组件传父组件

this.$emit('funNum',res.data.overdueAmount);//子组件传父组件的逾期数量

2.父组件

结构显示
<div class="verdueBoxNumder" v-if="verdueNumder>0" >{{verdueNumder}}</div>

<div v-if="activeType == 6">
     <need-finish @funNum="parentEvent"></need-finish>
</div>

 methods: {
   parentEvent(data){
     this.verdueNumder=data;
   },
}

3.初始化的时候父组件也需要这个数量,那就再次在父组件上调用一下这个接口

相关文章

  • 1.子组件更新父组件值,并且初始化的时候父组件也需要调接口

    1. 1.子组件传父组件在接口调用完成的时候,子组件传父组件 2.父组件 3.初始化的时候父组件也需要这个数量,那...

  • vue不同组件间传值方式

    父传子子传父非父子传值 1.父组件向子组件进行传值 父组件: 子组件: 2.子组件向父组件传值 子组件: 父组件:...

  • Vue父子间通信

    1.父组件向子组件传值 父组件: 子组件: 2.子组件向父组件传值 父组件: 子组件: 3.父组件调用子组件的方法...

  • Vue 疑难杂症

    组件传值问题 问题描述: 子组件会在父组件之前先初始化,导致父组件mounted之后异步(接口请求)取到的值,无法...

  • vue 组件之间传值方法

    1. 父组件向子组件传值 父组件: 子组件: 2. 子组件向父组件传值 子组件: 父组件: 3. 非父子之间传值 ...

  • React父子组件传值 + 值验证

    父组件向子组件传值 通过props,将父组件的state传递给了子组件。 子组件向父组件传值 父组件将更新数据的方...

  • React 父子组件通信

    父子组件通信分为【父组件给子组件传值】、【父组件获取子组件的值】两类。 一.父组件给子组件传值3种方式 1.父组件...

  • react父子组件传值

    1、父==》子组件传值父组件 子组件 2.子==》父组件传值子组件 父组件

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 父组件向子组件传递方法 子组件向父组件通信 子组件向父组件传值 子组件向父...

  • 【VUE】父子组件传值

    【父对子】 父组件监听子组件值和方法v-on、$emit 子组件 父组件调用子组件方法,更新子组件 利用$refs...

网友评论

      本文标题:1.子组件更新父组件值,并且初始化的时候父组件也需要调接口

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