el-numner是基于Vue的一款數字輸入框組件。它非常方便實用，可以輕松地控制數字輸入的范圍。在使用el-number時，我們需要注意其一些屬性和事件，以便更好地使用它。

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

el-number中一些常用的屬性，例如min、max、step、precision以及controls、disabled-input。下面我們分別介紹這些屬性：

1. min和max

min和max分別用于控制數字輸入的最小值和最大值。例如，我們將min設為1，max設為10，那么在輸入框中只能輸入1到10之間的數字，超出這個范圍的數字將被自動截斷。

2. step和precision

step用于控制數字輸入的步長，例如，將step設為2，則每次點擊加/減按鈕時，數字的變化量為2。

precision用于控制數字輸入的最大精度，例如，將precision設為2，則只能輸入小數點后最多2位的數字。

3. controls和disabled-input

controls用于控制是否顯示加/減按鈕。如果將它設為false，則不會顯示加/減按鈕，需要手動輸入數字。而disabled-input用于控制是否禁止手動輸入數字。如果將它設為true，則無法手動輸入數字。

4. change事件

change事件會在數字發生變化時觸發，將當前的數字作為參數傳入。在change事件的處理函數中，我們可以根據新的數字進行一些其他的邏輯。

以上就是el-number的一些常用屬性和事件。在實際項目中，根據不同的需求，我們可以靈活使用這些屬性和事件來控制數字輸入的范圍和精度。