element-ui el-table 可编辑数据的el-form表单校验。

使用vue.js、element-ui开发前段的过程中,业务需求,需要实现el-table可动态添加、修改、删除数据。同时保存数据时需要使用  el-form自带的校验功能校验数据的正确性。如下图:

element-ui el-table 可编辑数据的el-form表单校验。_第1张图片

页面代码部分:这里需要注意 el-form-item 中:prop的命名方式。这种命名方式是element-ui定义的,需要按照规则编写。

          
            
              
              
                
              
              
                
              
            
          
          

js代码部分:

 

你可能感兴趣的:(JS)