文章目录

目录

文章目录

前言

二、校验数字

1.案例（Vue + Element UI）页面数字校验

 

总结

---

前言

Element UI 使用小技巧，这里总结的是工作遇到的问题及相应的解决方案

 

一、Element UI是什么？

 

 

二、校验数字

1.案例（Vue + Element UI）页面数字校验

    校验sort必须为数字，并在数据回显时，可以正常使用，这里推荐使用v-model.number进行数据的绑定

    在Vue的data中，直接定义sort为number类型，还可以使用自定义的正则表达式

<el-form-item label="排序" prop="sort"> <el-input v-model.number="sort" placeholder="排序"></el-input> </el-form-item> rules: { sort: [ { required: true, message: "请输入排序", trigger: 'blur' }, { type: 'number', pattern: '^[0-9]*$', message: '请输入数字', trigger: 'blur' }, ], },