使用elementui表格，项目感悟

一、使用表格第一步

import ElementUI from 'element-ui'

Vue.use(ElementUI)

二、完成第一步，接下来直接引用组件标签了

 

三、修改数据

watch： {

 tableData(data) {
            if (data && !this.tableDataCopy) {
                this.tableDataCopy = data
            }

}

methods： {

 onOrgFilterChange(node) {
            this.tableData = this.tableDataCopy.filter(item => {
                return node.label === item.organization
            })
        },

orgRender(h, node)   {

          return [
                h('span', '所属组织'),
                h(bootTree, {
                    on: {
                        handleNodeClick: this.onOrgFilterChange
                    }
                })
            ]
        }

}

四、表格里有很多参数、事件、方法可以调用，在使用的时候注意返回数据是什么

参考：http://element.eleme.io/#/zh-CN/component/table