【element-ui】 el-form之rules赋值后校验没消失

• 数据库 
  
    
      
    
    
      
    
    
      
    
  


return{

    formLabel:{},
    formRules:{
      [
        department:{required:true,message:'请输入...',trigger:"change"},
    ],
    [
        areat:{required:true,message:'请输入...',trigger:"change"},
    ],
    [
        ruleType:{required:true,message:'请输入...',trigger:"change"},
    ]
    }
}

错误原因是在return中定义了一个空对象formLabel,在校验过程中，formRules值找不到对应的formLabel值，此时就出现了在输入框中赋值之后，校验不消失

解决方案：

return{

    formLabel:{
        department:'',
        areat:'',
        ruleType:'',
    },
    formRules:{
      [
        department:{required:true,message:'请输入...',trigger:"change"},
    ],
    [
        areat:{required:true,message:'请输入...',trigger:"change"},
    ],
    [
        ruleType:{required:true,message:'请输入...',trigger:"change"},
    ]
    }
}

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/58ce1f5ea1.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐