element中的组件使用

由于最近公司后台个别页面重新做,因为之前是php写的不是前后端分离,重新做的页面引用element。

在后台管理中使用最多的就是form表单和table表格(大部分都是添加和展示数据)

1.form表单element

(1)template中的代码


      
        
          
            
          
        
        
          
            
          
        
      

最外层的el-form 的size   label-width 这些就无需多谈。model属性绑定的是表单子元素中双向绑定的值,而rules中是表单验证的值

(2)ts代码

form表单分为默认不为空的表单验证和自定义表单验证

2.table表格element


                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                         
                    
                

最主要的就是scope.$index这个是每行下标 从0开始

el-table :data="scenesList"  是要展示的数据  每列的prop是展示的数据中的字段,如果展示的字段不是数据中的字段,可以通过scope.$index来控制下标循环

要控制表格的class样式 可以通过   /deep/ 来控制

你可能感兴趣的:(element)