antd4 table里面表单赋值_vue的组件化——table表格的封装

什么是组件化——组件化是vue.js中的重要思想之一，也是vue的一个强大功能。它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用；任何的应用都可以被抽象成一个组件进行复用。

来说说中后台管理系统中的table表格件化的封装：

table组件封装:

<div>   <el-table :data="table_data" element-loading-text="拼命加载中" v-loading="loading_table"  border style="width: 100%">        <el-table-column v-if="table_config.checkbox" type="selection" width="35">el-table-column>          <template v-for="item in this.table_config.thead">              <el-table-column v-if="item.type ==='function'"  :key="item.prop" :prop="item.prop" :label="item.label">           <template slot-scope="scope">                           <span v-html="item.callback && item.callback(scope.row,item.prop)">span>           template>        el-table-column>                <el-table-column v-else-if="item.type ==='slot'"  :key="item.prop" :prop="item.prop" :label="item.label" :width="item.width">            <template slot-scope="