欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-02 19:59:43
这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 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');
    }
  }
  //...
})

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