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

2020-09-08  本文已影响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方式也可以传值

上一篇 下一篇

猜你喜欢

热点阅读