element-ui中的prop 的相关作用

1：首先是表格中的prop（绑定data中对应的属性值数据）
当el-table元素中注入绑定data对象数组后，在el-table-column中的prop属性来绑定对应对象中的键名即可填入数据，用label属性则可以用来定义表格相应的列名。

相关代码如下：

data(){
   return(){
      resultData: [],
   }
}



        
          
        
        
        
        
        
        
        
        
        
          
        
         
        
          
        
      

2：可用作绑定Form 表单的校验问题（表单中的prop（校验））

element-ui中的form提供了表单验证功能，只需要通过rules属性传入约定的验证规则，并将form-item中的prop属性设置成需校验的字段名即可。

代码如下：

data() {
    return {
      rules: {
        orgName: [{ required: true, message: '请选择供电单位', trigger: 'change' }],
        timeFlag: [{ required: true, message: '请选择日日原因/月原因', trigger: 'blur' }],
        preasCode: [{ required: true, message: '请选择异常原因大类', trigger: 'change' }],
        reasCode: [{ required: true, message: '请选择异常原因小类', trigger: 'change' }],
        repCode: [{ required: true, message: '请选择处理方法', trigger: 'change' }],
        reasDesc: [{ required: true, message: '请输入异常原因', trigger: 'change' }]
      },
}

    
      
        
          

            基本信息
          
          
            
              
              
              
              
              
            
          
          
   
          
            
              
              
              
              
              
            
          
          
            
              
              
              
              
              
              
              
            
          
          
            
              
              
              
              
              
              
              
              
              
            
          
          
          
            
          
          
            
          
        
      
    

element-ui 官方也是这样写的：