<el-input :ref="`inputRef${scope.$index}`" v-model="scope.row.grade"
@change="(val) => numberChange(val, scope.$index, 'grade', 1)"
type="text" :maxlength="6" size="mini" style="width: 90%" />
/**
* @description 针对 ElementTable 输入框校验数据填报是否符合预期
* @param val 当前input值
* @param index 表格的第几项
* @param key 表格对应的key值
* @param flag 其他特殊判断,比如是否支持负数
* @return
* */
numberChange(val, index, key, flag) {
if (flag > 0 && val.match(/^\d+(\.\d*){0,1}$/)) {
this.tableData[index][key] = val.toString().match(/^\d+(?:\.\d{0,2})?/)[0]
// eslint-disable-next-line
} else if (flag < 0 && val.match(/^(\-)?\d+(\.\d*){0,1}$/)) {
// eslint-disable-next-line
this.tableData[index][key] = val.toString().match(/^(\-)?\d+(?:\.\d{0,2})?/)[0]
} else {
this.tableData[index][key] = ''
}
},
element table 校验
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 主要实现就是form嵌套table 代码有些长 这里只写大体的东西 一些非必要的属性就省略以方便参考
- 在项目有遇到table中嵌套form,并且带有表单验证的需求,效果图如下: 刚开始el-form-item定义了静...
- GitHub Demo 地址[https://github.com/iotjin/jh-vue-admin]在线预...
- 写了一段时间的vue,前端用了element-ui,经常会用到from表单,总结一下form表单的校验,以及遇到过...