# yuInputNum 数值输入组件

<<template>
  <div>
    <yu-input-num v-model="guarAmt1" name="thsGuarAmt" label="金额" placeholder="请输入本次担保金额" required :rules="[{ required: true, message: '请输入本次担保金额' }]" />
    <yu-input-num v-model="guarAmt2" name="thsGuarAmt" label="正整数" placeholder="请输入" required :rules="[{ required: true, message: '请输入' }]" :numType="'digit'" />
    <yu-input-num v-model="guarAmt3" name="thsGuarAmt" label="数字" placeholder="请输入" required :rules="[{ required: true, message: '请输入' }]" :numType="'number'" :clearable="true"/>
  </div>
</template>

<script>
import yuInputNum from '@/components/yu-input-num/index.vue'
export default {
  components: {
    yuInputNum
  },
  data() {
    return {
      guarAmt1: '',
      guarAmt2: '',
      guarAmt3: ''

    };
  },
  methods: {
    changeIndex(val) {
      console.log('changeIndex: ', val);
    }
  }
};
</script>

<style lang="scss">

</style>