1、创建组件
// components/atest_view/atest_view.js
Component({
/**
* 组件的方法列表
*/
methods: {
parentComponentFunction: function(){
this.triggerEvent('parentComponentFunction');
}
}
})
<!--components/atest_view/atest_view.wxml-->
<view>
<button bindtap="parentComponentFunction">子组件调用父组件的按钮</button>
</view>
2、新建一个父组件页面
{
"usingComponents": {
"a-test-view": "/components/atest_view/atest_view"
}
}
<!--pages/abctest1/abctest1.wxml-->
<view>
<a-test-view bind:parentComponentFunction="parentComponentFunction" />
</view>
// pages/abctest1/abctest1.js
Page({
parentComponentFunction: function(){
console.log("成功调用父组件的方法");
}
})
3、运行程序