一、計數器組件基本用法

? ? |--語法：<el-input-number></el-input-number>

? ? |--屬性：

? ? ? ? |--v-model綁定數據

? ? ? ? |--:min、:max屬性最小、最大值限制

? ? ? ? |--label：用于描述文字

? ? ? ? |--@change：綁定change事件，數值變化觸發事件。

? ? |--示例：

創建了一個最近本的計數器，有最大值最小值，和change方法

代碼實現，注意min和max必須屬性綁定方式，即加:min和:max

? ? |--設置禁用狀態（disabled）

頁面效果

添加disabled屬性，值為true/false

? ? |--步數（可以遞增遞減，設置跨度）

點擊一次+，由1變為4，跨度為3

代碼實現

? ? |--嚴格不是：

? ? ? ? |--用法：在el-input-number里添加:step="3" step-strictly屬性，值為true/false。

? ? ? ? |--示例：

頁面效果

代碼實現

? ? |--經度設置：

? ? ? ? |--添加precision屬性，接受一個number值，2表示小數點后2位

? ? ? ? |--示例：

每次增加0.1

代碼實現

? ? |--計數器尺寸（size:medium\small\mini）

排序：正常>medium>small>mini

代碼實現

? ? |--按鈕位置控制（controls-position）

? ? ? ? |--只有1個值：controls-position="right"

設置right和正常對比

代碼實現