微信小程序wepy自定义card控件
在利用wepy开发小程序的过程中,需要使用自定义控件来实现,但是很多时候,若直接在page页面中写对应的控件,下次在另一个页面中,想使用同样的控件又需要重新绑定数据,重新适合样式,给开发带了不便,由此,原生微信小程序以及wepy框架都提供了封装控件的功能,使得代码的复用性大大提高。
在实验项目的开发过程中,需要使用card类型的控件,作为一个卡片,显示对应的信息,并且要求需要图片。以下便是封装一些开发的经历和感受。
wepy控件介绍
- 创建自定义组件
与原生小程序创建组件得方法大致一致,支持模块化,并且彼此互相独立,但相关得业务代码以及交互事件仍然需要在页面中得到实现。在wepy中,其srcipt部分其页面设置为继承wepy.component。WePY中实现了小程序的组件化开发,组件的所有业务与功能在组件本身实现,组件与组件之间彼此隔离。
在实现中依然按照wepy得结构进行编程,在wepy.component中存在如下属性
属性 | 说明 |
---|---|
customData | 自定义数据 |
customFunction | 自定义方法 |
onLoad | 生命周期函数,只在加载页面时显示,页面到后台再次打开不响应 |
onShow | 生命周期函数,页面在前台加载时调用 |
data | 页面所需数据均需在这里声明,可用于模板数据绑定 |
computed | 声明计算属性 |