美文网首页我爱编程
微信小程序页面调用自定义组件内的事件

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

作者: a年少有为 | 来源:发表于2018-05-18 13:25 被阅读21次

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

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

相关文章

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

    微信小程序页面调用自定义组件内的事件 page page.json page.wxml page.js compo...

  • 微信小程序自定义组件传值问题

    微信小程序自定义组件传值问题 自定义组件 · 小程序 父组件(引用组件的页面模板)页面 子组件页面 表示父组件页面...

  • 微信小程序——自定义组件

    什么是微信小程序的自定义组件以及意义 自定义组件,类似于Vue中的组件概念(事件通信机制非常类似),将页面内的一些...

  • 微信小程序-自定义组件

    一、自定义组件介绍 微信小程序提供了自定义组件扩展机制,允许我们使用自定义组件的方式来构建页面。 自定义组件可以使...

  • 2020-06-30微信小程序分享和转发事件

    微信小程序“分享、转发”功能1、页内自定义分享2、页面右上角“…”分享行为 当页面js上没有添加事件“onShar...

  • 微信小程序map组件bindmarkertap和bindcall

    微信小程序map组件bindmarkertap和bindcallouttap事件无法调用 检查marker是否设置...

  • 微信小程序之自定义分享

    一、自定义分享(页面内发起转发) 微信小程序中自定义分享: 该功能将客户看到的小程序页面进行分享,从而达到页面的传...

  • 2019-07-24 小程序Component

    微信小程序自定义组件Component作为子组件时, 当父组件调用setData 刷新时 , 不会触发子组件任何生...

  • 微信小程序插件

    微信小程序插件 介绍 微信小程序插件是对一组js接口,自定义组件或页面的封装,用来嵌入微信小程序中,用来被开发者调...

  • 消息推送

    微信小程序消息推送 获取formId的方式 页面 组件 微信支付成功 推送规则 当用户在小程序内发生过提交表单行为...

网友评论

    本文标题:微信小程序页面调用自定义组件内的事件

    本文链接:https://www.haomeiwen.com/subject/zslgdftx.html