uniapp组件-uni-number-box数字输入框

官网示例：https://ext.dcloud.net.cn/plugin?id=31

数字输入框组件多用于购物车加减商品等场景

一、基本属性

<template>
	<view class="page">
		<uni-number-box />
		<uni-number-box :min="2" :max="7" :value="4" />
		<uni-number-box :step="0.1" />
		<uni-number-box :disabled="true" />
	</view>
</template>

二、双向绑定、事件

<template>
	<view class="page">
		<uni-section :title="'绑定value的方式 : '+ numberValue" type="line"/>
		<uni-number-box :value="numberValue" @change="change" />
		<uni-section :title="'使用v-model的方式 : '+ vModelValue" type="line"/>
		<uni-number-box v-model="vModelValue" />
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				numberValue: 0,
				vModelValue: 3
			}
		},
		methods: {
			change(value) {
				this.numberValue = value
			}
		}
	}
</script>