1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序 自定义组件实现通信

微信小程序 自定义组件实现通信

时间:2019-07-24 02:59:07

相关推荐

微信小程序 自定义组件实现通信

前言

微信小程序(后面统称小程序)中的组件到底是什么?按照笔者的理解来说就是开发者自己封装的一个的模块,然后可以再页面和其他组件中去引用。做过移动(Android/iOS)开发的小伙伴们肯定知道自定义控件,就跟那个差不多。使用组件能让我们在开发的时候将用的较多,且功能通用或者重复的模块和业务逻辑分离,从而使项目耦合降低,可读性强和维护性成本降低。

实现步骤

在项目根目录新建一个文件夹component

在component目录下新建一个目录,取名为你自定义组件名字

在页面中引用

json文件中开启自定义组件

"component": true,

wxml中定义自定义组件

<button>自定义的组件</button>

在需要使用的页面的json中引入组件

"usingComponents": {"btn":"../../pages/zj/zj"}

wxml页面使用组件(组件名就是在json中引入时定义的)

<btn></btn>

此时我们就使用了一个自定义组件

下面完成通信

组件中加入属性及方法

<button bindtap="click" data-id="{{like}}">自定义的组件</button>

js文件中定义属性 方法

在需要使用的页面中加入此属性

<btnlike='2'></btn>

通信完成

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。