美文网首页
子组件向父组件传值的几种方式

子组件向父组件传值的几种方式

作者: 杨义林 | 来源:发表于2020-09-08 10:52 被阅读0次

Vue内置API

  1. 子组件
this.$emit('toTakeoutMethods', index)
  1. 父组件
<tabs @toTakeoutMethods="func"></tabs>
func(data){
                this.activeIndex = data
                console.log(data);
            }

Uni-app 内置API

  1. 子组件
uni.$emit('toFather', index)
  1. 父组件

要在onLoad() 中写

            uni.$on('toFather', res => {
                this.activeIndex = res
                console.log(res);
            })

this.$parent 方式

  1. 子组件
this.$parent.toFatherMethods(index)
  1. 父组件
toFatherMethods(index){
                this.activeIndex = index
                console.log(index);
            }

Vuex方式也可以传值

相关文章

  • 2019-03-13

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

  • 2019-03-13

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

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

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

  • Vue组件传值

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

  • vue3组件传值方式

    父组件向子组件传值 1、简单的props方式 子组件向父组件传值 1、函数方式 2、emit方式 3、provid...

  • ReactNative组件间的通信

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

  • Vue.js父子组件传值

    父组件向子组件传值: 子组件向父组件传值:

  • vue不同组件间传值方式

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

  • 父子组件传值

    1、父组件向子组件传值 父组件通过属性绑定的方式向子组件传值 子组件通过props接收注意:子组件只可以使用父组件...

  • Vue.js父子组件和非父子组件间的传值通信

    [toc] 父子组件的传值通信 父组件向子组件传值 父组件: 子组件: 子组件向父组件传值 Note 子组件不能直...

网友评论

      本文标题:子组件向父组件传值的几种方式

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