必須注意巨坑：el-form-item上的prop要和 v-model的值名字相同，否則會無效 一、文本框、多選校驗 <el-form :model="ruleFor ...

表單提交 ...

轉載自： 一、簡單邏輯驗證（直接使用rules） 實現思路 •html中給el-form增加 :rules="rules"•html中在el-form-item 中增加屬性 prop="名稱" ...

...

...

問題細化一下是這樣的：比如我有一個用來修改數據的表單，第一條數據是{name: 'Xixi', age: 12}，打開表單后就有兩個輸入框分別填的是Xixi和12，此時我修改Xixi為Haha，調用this.$refs[].resetFields()后，該表單數據恢復為Xixi和12，這是沒問題 ...

復雜表單如下： 效果圖： ...

element-ui Form表單驗證規則全解 element的form表單非常好用,自帶了驗證規則,用起來很方便,官網給的案例對於一些普通場景完全沒問題,不過一些復雜場景的驗證還得自己多看文檔摸索,自己經過數次爬坑 之后,總結了幾種form表單的驗證規則,為了便於閱讀,驗證 ...