el-table——可编辑、拖拽排序与校验的formTableDrag

背景：

1.利用form进行校验输入；

2.利用sortable操作Dom替换表格数据顺序；

3.利用lodash实现数据深拷贝与参数替换等

一：最外层的数组校验

二、表格与文本之间 的转换：

/***
* 通用的table展示
* @param  {Array} tableData
* @param  {Array} tableColumn
* @return {Number/String} height(参考element)
* @return {String} size(参考element)
* @return {Boolean} stripe 默认显示
* @return {Boolean} sortable 默认显示
* @return {Boolean} loading
* @return {Function} filterChange
* @return {Function / String} tableRowClassName 底色
* @return {String} slot 插入的位置：header、footer
* */

三、表单嵌套的表格：

 

转载于:https://www.cnblogs.com/wheatCatcher/p/11432590.html