最近在做vue项目中, 采用了饿了么团队的 element-ui, 有一个需求是这样的:

点击按钮 ===> 弹窗 ===> 填写表单===>提交===>校验通过===> 添加用户

在这个需求中用到了 element-ui 的 el-dialog, el-form, 部分校验 (validateField)

用户的某项行为是可以动态添加的, 并且是非必填项, 如果填了需要做输入格式校验

在添加中用户中基本上不会出现异常行为, 但如果再次编辑用户时发现控制台抛出这种错误

"must call validateField with valid prop string!"

百度了一下, 也没找到合适的解决方案

最后, 怀疑是不是因为dialog 的问题, 正好前段时间用 dialog + 文件上传, 传完以后, 关闭弹窗, 不刷新页面再次打开上传失效的问题, 最终是用 v-if 控制 dialog 的显示隐藏改好的

尝试一下: 发现问题解决, 没有在复现

<el-dialog :title="formPlayer.nickname || '添加选手'" center :visible.sync="playerEditVisible" @close="clear" ref="player" v-if="playerEditVisible">