微信小程序页面如何调用自定义组件内的事件详解?

2026-04-06 13:251阅读0评论SEO资源
  • 内容介绍
  • 相关推荐

本文共计304个文字,预计阅读时间需要2分钟。

微信小程序页面如何调用自定义组件内的事件详解?

本文主要介绍了微信小程序页面调用自定义组件内的事件,通过示例代码详细解释了相关细节。对初学者或工作者具有一定的参考价值,需要的伙伴可参考以下内容。+page+page

这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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'); } } //... })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

微信小程序页面如何调用自定义组件内的事件详解?

本文共计304个文字,预计阅读时间需要2分钟。

微信小程序页面如何调用自定义组件内的事件详解?

本文主要介绍了微信小程序页面调用自定义组件内的事件,通过示例代码详细解释了相关细节。对初学者或工作者具有一定的参考价值,需要的伙伴可参考以下内容。+page+page

这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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'); } } //... })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

微信小程序页面如何调用自定义组件内的事件详解?