需求：輸入框可以輸入任意小數(shù)，最后獲取的值是數(shù)值，比如可以輸入 1.01

我們引入的element 框架，"element-ui": "^2.13.2"
以前HTML部分的寫(xiě)法

<el-input
  v-model.number="money"
  type="number"
></el-input>

v-model.numbe 可以使獲取的值的類型是 Number ， type="number" `` 是
但是這樣寫(xiě)遇到一個(gè)問(wèn)題，那就是小數(shù)后面不能輸入 0 ，比如輸入 1.0 ，輸入框馬上變?yōu)?1 ，想輸入 1.101 也是不行的，因?yàn)檩斎?1.10 的時(shí)候，輸入框就變化為 1.1 了，怎么解決小數(shù)末尾部分不能輸入0的問(wèn)題？

我百度無(wú)果，我去看 element 的 GitHub ，看關(guān)閉的 issue ，發(fā)現(xiàn)了答案，
這個(gè)確實(shí)是 element-ui 更新帶來(lái)的問(wèn)題，為了解決這個(gè)問(wèn)題，引入了 InputNumber 這個(gè)組件，這個(gè)組件就能解決小數(shù)部分末尾不能正常顯示0的問(wèn)題
使用方法

<el-input-number
  v-model="money"
  type="number"
  :controls="false"
 ></el-input-number>

使用變化

-        <el-input
+        <el-input-number
-          v-model.number="money"
-          type="number"
+          :controls="false"
+          v-model="money"
-        ></el-input>
+        ></el-input-number>

:controls="false" 加上這個(gè)屬性，是為了樣式和以前保持一致