最近在做vue項(xiàng)目中, 采用了餓了么團(tuán)隊(duì)的 element-ui, 有一個需求是這樣的:
點(diǎn)擊按鈕 ===> 彈窗 ===> 填寫表單===>提交===>校驗(yàn)通過===> 添加用戶
在這個需求中用到了 element-ui 的 el-dialog, el-form, 部分校驗(yàn) (validateField)
用戶的某項(xiàng)行為是可以動態(tài)添加的, 并且是非必填項(xiàng), 如果填了需要做輸入格式校驗(yàn)
在添加中用戶中基本上不會出現(xiàn)異常行為, 但如果再次編輯用戶時發(fā)現(xiàn)控制臺拋出這種錯誤
"must call validateField with valid prop string!"
百度了一下, 也沒找到合適的解決方案
最后, 懷疑是不是因?yàn)閐ialog 的問題, 正好前段時間用 dialog + 文件上傳, 傳完以后, 關(guān)閉彈窗, 不刷新頁面再次打開上傳失效的問題, 最終是用 v-if 控制 dialog 的顯示隱藏改好的
嘗試一下: 發(fā)現(xiàn)問題解決, 沒有在復(fù)現(xiàn)
<el-dialog :title="formPlayer.nickname || '添加選手'" center :visible.sync="playerEditVisible" @close="clear" ref="player" v-if="playerEditVisible">
