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>
复制代码