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>
複製程式碼