<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 針對(duì) ElementTable 輸入框校驗(yàn)數(shù)據(jù)填報(bào)是否符合預(yù)期
* @param val 當(dāng)前input值
* @param index 表格的第幾項(xiàng)
* @param key 表格對(duì)應(yīng)的key值
* @param flag 其他特殊判斷,比如是否支持負(fù)數(shù)
* @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 校驗(yàn)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 主要實(shí)現(xiàn)就是form嵌套table 代碼有些長(zhǎng) 這里只寫大體的東西 一些非必要的屬性就省略以方便參考
- 在項(xiàng)目有遇到table中嵌套form,并且?guī)в斜韱悟?yàn)證的需求,效果圖如下: 剛開始el-form-item定義了靜...
- GitHub Demo 地址[https://github.com/iotjin/jh-vue-admin]在線預(yù)...
- 寫了一段時(shí)間的vue,前端用了element-ui,經(jīng)常會(huì)用到from表單,總結(jié)一下form表單的校驗(yàn),以及遇到過...