美文网首页微信小程序微信小程序开发微信小程序开发
小程序自定义组件+页面与自定义组件间的通信

小程序自定义组件+页面与自定义组件间的通信

作者: Allen6879 | 来源:发表于2018-06-09 10:10 被阅读9次

1.创建一个组件

图中的singerList就是一个组件,组件为了规范通常放在conponents里。

2.在页面的json文件里引用组件

标签名字记得对应json文件里的对应的组件的key值

3.使用组件的方法和属性(父级别调用)

组件内定义了一个fun的方法

在页面里可以这样调用

4.页面传值/方法到组件

页面里这样配置

当调用fun()时,则会执行index.js里的exFun

相关文章

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

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

  • 微信小程序自定义标签组件component封装、组件生命周期,组

    微信小程序自定义标签组件component封装、组件生命周期,组件通信 本文来说下小程序的自定义标签组件封装。相比...

  • 小程序的自定义组件

    小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 1. 创建自定义组件 类似于页面,一个自定义组件由 j...

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

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

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

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

  • 微信小程序(三)

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • wx小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • VX小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • 小程序自定义组件+页面与自定义组件间的通信

    1.创建一个组件 图中的singerList就是一个组件,组件为了规范通常放在conponents里。 2.在页面...

  • vue 组件通信

    组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。自定义事件:当子组件需要向父组件传递数据时,就要用到自定义...

网友评论

    本文标题:小程序自定义组件+页面与自定义组件间的通信

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