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

代码

👉 https://github.com/wayou/num-input

预览

使用

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
    })
  },
});

配置项

事件

以上。