element-ui的el-form添加验证规则，必填项，填完后还会有红色提示！

问题背景：

vue+element-ui项目，设计登录界面。用户名和密码都是必填项，未填写会在输入框下方提示“请输入用户名”或“请输入密码”。

 

问题描述：

打开登录界面后，用户名和密码都已填写，还提示我“请填写...”

 

问题分析：

相关代码：

//html代码



          
登录账号
          
            用户名：
            
          
          
            密码：
            
          
          
            登录
          
        



//js代码

 

element-ui中文文档中，表单验证例子，代码如下：

  
    
  
  
    
      
      
    
  
  
    
      
        
      
    
    -
    
      
        
      
    
  
  
    
  
  
    
      
      
      
      
    
  
  
    
      
      
    
  
  
    
  
  
    立即创建
    重置
  

经对比，我的没有:model=""

 

解决方案：

添加相应的  :model=""           

（我的就是loginForm，就是用来封装用户名和密码的对象）

即可解决。