首页 > 技术文章 > v-model.number

zwh0910 2022-02-23 14:30 原文

vue官方文档中对于v-model中.number的描述:

.number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符。

示例:

<el-table-column label="预计药材产量(kg)" align="center" width="140px">
        <template slot-scope="scope">
          <el-input v-model.number="scope.row.expectDrugYield" clearable @change="handleUpdate(scope.row)"
            placeholder="预计产量" />
        </template>

这样expectDrugYield传递到后台则是整型,而不是字符串。

推荐阅读