微信小程序----------父组件调用子组件的方法

如题我们需要实现功能是父组件调用子组件的方法

<mine id="mine" bind:mineJumps="mineJump"></mine>
var mine =  this.selectComponent('#mine')
console.log(mine)

获取到的实例就是下面的样子

在这里插入图片描述

看到serData了,这就能实现“父组件”改变“子组件Data的值” 然后我们标题说的是父组件调用子组件的方法,继续往下看

在这里插入图片描述

这里官方文档说可以自定义返回的数据,这里我们做了一个操作,我们不返回数据,直接返回子组件的方法,那不就实现了,父组件调用子组件方法的操作了么,下面试一下。

  // 自定义返回给父组件的内容,我这里返回了个自定义的onshow事件过去
  behaviors: ['wx://component-export'],
  export () {
    return this.zdyShow()
  },

我们看一下这个方法

  methods: {
    zdyShow() {
      console.log("起飞")
    }
  }

然后执行一下

在这里插入图片描述

还可以这样子操作 this.selectComponent(’#order’).zdyShow()
这样子就是直接执行了子组件里面的方法。

就是这样子,然后就可以在zdyShow()这个事件中做业务逻辑,就实现了,父组件去调用子组件的方法操作,第一次分享自己业务上遇到的坑,有更好的方法请留言给我,谢谢大家。

猜你喜欢

转载自blog.csdn.net/qq_40004755/article/details/107769350