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

posted @   BBS_自律  阅读(428)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
点击右上角即可分享
微信分享提示