微信小程序自定义组件带加减的数字输入框。

1. 安装

$ yarn add num-input

2. 点击开发者工具中的菜单栏：工具 --> 构建 npm
3. 在需要使用的页面配置文件中添加引用

{
  "usingComponents": {
    "num-input": "num-input"
  }
}

更多关于小程序中使用 npm 包的信息参见官方文档 npm 支持。

page.json

{
  "usingComponents": {
    "num-input": "num-input"
  }
}

page.wxml

<num-input bindinput="onInput" value="{{ num }}" size="m" />

page.js

Page({
  data:{
    num: 1,
  }
  onInput(event) {
    this.setData({
      num: event.detail.value
    })
  },
});

• 小程序自定义组件文档
• weui 文档
• 组件样式
• npm 支持