<template>
  <div class="inputNumber">
    <input-number v-model="val" title="这是一个" :max="50" @change="onChange" suffix="°C" :has-border="true"></input-number>
    <input-number v-model="val2" title="夫静以修身" :max="5" @change="onChange" suffix="°C" :disabled="true"></input-number>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
import { InputNumber } from '../../tunas'

export default Vue.extend({
  components: {
    InputNumber
  },

  data () {
    return {
      val: 10,
      val2: 3
    }
  },

  methods: {
    onChange (type, v) {
      console.log('change:', type, v)
    }
  }
})
</script>
