微信小程序页面调用自定义组件内的事件详解
(编辑：jimmy 日期: 2025/6/24 浏览：3 次 )
这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
page
page.json
{
"usingComponents": {
"my-component": "../components/component/component",
}
}
page.wxml
<my-component id="myComponent"></my-component>
page.js
Page({
//...
onLoad: function () {
let myComponent = this.selectComponent('#myComponent'); // 页面获取自定义组件实例
myComponent.componentInnerFunction(); // 通过实例调用组件事件
}
//...
})
component
component.js
Component({
//...
methods: {
componentInnerFunction: function() {
console.log('i am inner function');
}
}
//...
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：基于JavaScript 实现拖放功能