element表单 number 验证 失败

直入正题注意三点

1. 我们先看js中的书写规则-type:'number'

rules: {
    originalPrice: [
                { required: true, message: '请输入商品原价!', trigger: 'blur',type:'number' },
            ]
}

2.注意【prop="originalPrice"】和【v-model.number="goods.originalPrice"】一定要加这个.number，否则你想要的不生效。还有【type="number"】定义 input 类型 type="number"

 <el-form :model="goods" :rules="rules" ref="goods" label-width="150px" inline>
    <el-form-item label="原价" prop="originalPrice" >
            <el-input v-model.number="goods.originalPrice" type="number" ></el-input>
        </el-form-item>
</el-form>

3.不解释那么多啊，就这么用