1. 程式人生 > >表單輸入字串直接轉換數字 v-model 的修飾符

表單輸入字串直接轉換數字 v-model 的修飾符

.number

vue提供了一個修飾符--v-model.number 在表單輸入的時候直接將字串轉換成數字型別 很是方便

<el-input type="text" v-model.number="ruleForm.payMoney" placeholder="請輸入繳費金額"></el-input>

在elment-ui中做表單檢驗的時候,直接在校驗裡設定type="number"去掉trigger: 'blur'

payMoney: [{required: true,  message: '請輸入數字', type: 'number' }],

.trim

要過濾表單中首位的空格,可以使用v-model.trim