el-form-item中prop属性绑定报错： “Error: please transfer a valid prop path to form item!“

[Vue warn]: Error in mounted hook: "Error: please transfer a valid prop path to form item!"

只想做IT界的霸主

7227人浏览 · 2021-09-06 21:08:39

只想做IT界的霸主 · 2021-09-06 21:08:39 发布

【控制台报错：】
原因：因为这里动态创建的el-form-item,所以循环出来的标识prop是我们用模板字符串拼接的动态prop，需要用v-bind绑定。
在这里插入图片描述
【源代码：】

【修改后：】

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^