element-ui 官方文檔寫法簡單粗暴,但使用時需要注意rules底下的屬性名(prop)需要與 v-model所綁定的屬性值相同,如下圖,
官方好像沒有說v-model的屬性名需要與rules相對應(不知道是不是它的一個小bug),我在命名時沒注意,成功踩了一波坑。
下方rules.name命名需要對應ruleForm.name,否則會出現觸發即警報的情況.
如下:
當rules的屬性名為'ipAddr', 而v-model對應的屬性名為'ip' 時,有數據且失焦時依然會觸發警報提示
此時將v-model的屬性名'ip'改成 'ipAddr', 表單域即可正常驗證