微信小程序页面调用自定义组件内的事件详解
(编辑:jimmy 日期: 2024/11/15 浏览: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 实现拖放功能