input，select, v-model 綁定的值爲數字類型

背景： vue form 表單中的 input v-model 綁定的值，即便輸入 123 數字也會自動轉成 string            類型，那麼咱們怎麼樣能簡單的就能讓他轉換成咱們想要的類型呢？

下面瞭解一下 vue 表單輸入的修飾符

1. .number 能夠將綁定的 v-model 改成 number 類型

<input v-model.number="age" type="number">複製代碼

2. .trim 去掉首尾空格

<input v-model.trim="msg">複製代碼

3. .lazy input 在輸入時，span 裏的內容不作改變，當 input 失去焦點，觸發 change 事件後     改變 span 的內容

<input v-model.lazy="msg" @change="show">
複製代碼

select option 綁定的 value 是數字，可是 v-model 爲 string ，怎麼作才能變成數字類型？

解決方法：  使用  :value

<el-table-column prop="sex" label="性別">
                <template slot-scope="scope">
                  <el-select v-model="scope.row.sex" :disabled="disabled">
                    <el-option label="男" :value="0"></el-option>
                    <el-option label="女" :value="1"></el-option>
                  </el-select>
                </template>
              </el-table-column>
複製代碼