elment ui type: 'number' 无效

当需要验证的字段是数字类型的时候，需要使用 v-model.number 来绑定，否则验证的时候会当做字符串处理，结果就无法验证

 

<el-form-item label="可透支额：" prop="overdraw">
    <el-input v-model.number="form.overdraw" type="number" placeholder="客户可透支金额">
        <template slot="append">元</template>
    </el-input>
</el-form-item>

overdraw: [
    {
        type: 'number',
        min: 0,
        message: '可透支额度不能小于0',
        trigger: 'blur'
    }
]

 

--修改的时候js 中 数据转 number

/** 修改按钮操作 */
    handleUpdate(row) {
      this.selectOnly = true;
      this.reset();
      const candidateId = row.candidateId || this.ids
      getManage(candidateId).then(response => {
        this.form = response.data;
        this.form.candidateOrder = Number(response.data.candidateOrder);
        this.open = true;
        this.title = "修改被评分人管理";
      });

 

 

 

 

转：

ElementUI的表单验证数字类型（输入了数据依然报错的原因）

javascript中数据类型转换为Number