iview table 自定义列_Vue -- iview 可编辑表格案例

>[success] # iview 可编辑表格案例

~~~

1.这个案例需要自行安装iview Ui 组件库

2.iview的table 和 ele的table 略有区别，iview的table 组件需要使用render函数去渲染

~~~

>[info] ## 对iview--table 二次封装的案例

* 实现效果 可以直接改变某列的数据


>[danger] ##### 封装的目录结构

~~~

│ ├── 'components' // 存放组件文件夹

│ │ └── 'edit-table' // 存放对iview 二次封装文件

│ │ └─ 'edit-table.vue' // 对iview-table 组件二次封装自定义组存放位置

│ │ └─ 'index.js' // 入口文件

~~~

>[danger] ##### 对edit-table.vue 封装

~~~

1.再对iview - tbale 进行二次封装的时候，需要简单的看一下api 使用说明

这里将下面需要的主要说明简单提取出来，方便理解

1.1.iview table配置和ele 不同，ele列配置需要我们使用ele-table提供的

'el-table-column' 组件，但iview 只需要你传递配置参数columns

1.2.iview-table 留出render 函数渲染模式的，在定制上更趋于数据驱动