如题我们需要实现功能是父组件调用子组件的方法
<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()这个事件中做业务逻辑,就实现了,父组件去调用子组件的方法操作,第一次分享自己业务上遇到的坑,有更好的方法请留言给我,谢谢大家。