element ui 数组类型form校验

循环数组生成的表单校验 prop需要用原数组加序号的方式来访问,否则会报:
 please transfer a valid prop path to form item! 

正确的prop写法: :prop="'courseResourceList.' + index + '.chapterTitle'" 
错误的prop写法:  :prop="item.chapterTitle" 或 prop="chapterTitle"

form表单数据结构如下:


      
上传课程资源
data () { return { courseId: '', courseResourceForm: { courseResourceList: [{ chapterId: '', chapterTitle: '', videoParams: { atmLimit: 99, // 上传数量限制 atmAccepts: '.mp4,.ppt,.pptx,.doc,.docx,.pdf', // 限制上传附件类型 atmSize: 100, atmJobTypeCode: 'bsi_course_learn_video', objectId: '', fileList: [], listType: 'text' // 上传文件样式类型 } }] } }; }

 

你可能感兴趣的:(前端,element,ui,数组校验)