實(shí)例圖
注意事項(xiàng)：
注意事項(xiàng)中每一步都要遵守喊暖，否則就不會(huì)生效！Ｋ呵啤陵叽！
- 循環(huán)的數(shù)組和其他表單項(xiàng)在同一個(gè)<el-form>表單中
prop改為:prop，形式為userList.${index}.name- 每一個(gè)循環(huán)中的<el-form-item>都需要加
:rules
dom格式
data數(shù)據(jù)：
editForm: {
orgCode: '', // 服務(wù)機(jī)構(gòu)
groupType: '', // 診室類(lèi)型
groupName: '', // 診室名稱(chēng)
groupDescription: '', // 診室簡(jiǎn)介
enableStatus: 1, // 是否啟用
orgTagInfoList: [], // 標(biāo)簽
},
rule規(guī)則：
editRules: {
orgCode: [{ required: true, message: '請(qǐng)選擇服務(wù)機(jī)構(gòu)', trigger: 'change' }],
groupType: [{ required: true, message: '請(qǐng)選擇診室類(lèi)型', trigger: 'change' }],
groupName: [{ required: true, message: '請(qǐng)輸入診室名稱(chēng)', trigger: 'blur' }],
enableStatus: [{ required: true, message: '請(qǐng)選擇是否啟用', trigger: 'change' }],
tagIcon: [{ required: true, validator: checkImage, trigger: 'change' }],
tagName: [{ required: true, message: '請(qǐng)輸入標(biāo)簽名稱(chēng)', trigger: 'blur' }],
displayOrder: [{ required: true, validator: checkFloor, trigger: 'change' }],
},
感謝簡(jiǎn)友 http://www.reibang.com/p/c4ab3322289c
如果你也經(jīng)常使用element-ui 可持續(xù)關(guān)注 Element UI 入坑小結(jié)
如果本文對(duì)你有所幫助丛版，感謝點(diǎn)一顆小心心巩掺，您的支持是我繼續(xù)創(chuàng)作的動(dòng)力！
