Element组件（inputNumber计数器）

       

---

格式：

---

                <el-input-number>

                

<template>
    <el-input-number v-model="num" :min="1" :max="10" @change="handleChange"></el-input-number>
</template>
<script>
    export default{
        data(){
            return{
                num:1
            }
        },
        methods:{
            handleChange(value){
                console.log(value);
            }
        }
    };
</script>
    

      

---

   步进

---

                按照指定间隔递增或递减

                :step="number"

<template>
  <el-input-number v-model="num" :step="2"></el-input-number>
</template>
<script>
  export default {
    data() {
      return {
        num: 5
      }
    }
  };
</script>

step-strictly

只允许输入步进的倍数

默认false

---

 精度

---

                :precision="number"  (number>0,表示小数位数）

                

<template>
  <el-input-number v-model="num" :precision="2" :step="0.1" :max="10"></el-input-number>
</template>
<script>
  export default {
    data() {
      return {
        num: 1
      }
    }
  };
</script>

     

---

  按钮位置

---

                controls-position="right"

                

     

---

  Attributes

---

min	最小值	:min="number"
max	最大值	:max="number"
size	尺寸	size="medium|small|mini
disabled	禁用		默认false
controls	是否使用控制按钮		默认false
name
label	输入框关联的label文字

---

事件

---

 

change	绑定值被改变时触发	(currentValue: number | NaN, oldValue: number | NaN)
blur	在组件 Input 失去焦点时触发	(event: FocusEvent)
focus	在组件 Input 获得焦点时触发	(event: FocusEvent)