该组件一般用于商城购物选择物品数量的场景
注意:该输入框只能输入大于或等于0的整数
| App(vue) | App(nvue) | H5 | 小程序 |
|---|---|---|---|
| √ | √ | √ | √ |
通过v-model绑定value初始值,此值是双向绑定的,无需在回调中将返回的数值重新赋值给value。
- <template>
- <u-number-box v-model="value" @change="valChange"></u-number-box>
- </template>
-
- <script>
- export default {
- data() {
- return {
- value: 0
- }
- },
- methods: {
- valChange(e) {
- console.log('当前值为: ' + e.value)
- }
- }
- }
- </script>
step属性设置每次点击增加或减少按钮时变化的值,默认为1,下面示例每次都会加2或者减2:step="2">
通过min和max参数限制输的入值最小值和最大值
:min="1" :max="100">
通过integer限制输入类型
- <u-number-box integer></u-number-box>
- </