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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2021-04-02 我要评论

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

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');
    }
  }
  //...
})
您可能感兴趣的文章:

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们