<template>
  <view>
    <myContainer>
      <u-form :model="form" ref="form">
        <formNumberBox label="数量" v-model="form.num"></formNumberBox>
        <formNumberBox label="数量2" :step="10" v-model="form.num2"></formNumberBox>
        <formNumberBox label="数量3" :min="20" :max="30" tip="请输入数量" v-model="form.num3" @change="change">
        </formNumberBox>
      </u-form>
    </myContainer>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        form: {
          num1: 0,
          num2: 0,
          num3: 20
        }
      }
    },
    methods: {
      change(e) {
        console.log("发生变化", e)
      },
    }
  }
</script>