小程序自定义组件的实现（案例解析）

发布日期： 2018-09-18 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于小程序自定义组件的实现（案例解析），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

本文将结合案例，来阐述自定义组件实现。
先来上图

这个是一个购物车的数量组件。主要思路：
1、可以手动的输入具体的数量
2、可自定义设置最小值、和最大值。当是最小值时，“-”号置灰，并不可点击。当是最大值时，“+”号置灰，并不可点击。
3、当手动输入“0”开头的数字时，自行过滤，禁止输入，只值输入非0数字。
4、当手动输入数字大于最大值时，输入框失去焦点，默认将输入值置为最大值。或者当手动输入数字小于最小值时，输入框失去焦点，默认将输入值置为最小值
5、如果属性值minNum最小值、或者maxNum最大值设置为NaN，则表示最小值和最大值的大小没有输入的限制
6、默认最小值和最大值是没有限制的，可以随便输入

一、使用自定义组件的方式

1、js文件中：

输入框数值变化最终响应的函数
  showNumber: function (e) {
    var num = e.detail.num
  },

# 购物车 # 数量组件

上一篇: CSS 绝对定位为何失效？

下一篇: 如何用 CSS 创建不规则形状？

小程序自定义组件的实现（案例解析）

随便看看