vue中用table_element-ui中的 table 组件在vue中的使用

经常使用 element-ui 的小伙伴应该对 el-table 组件非常熟悉，通常它长下面这个样子：

但是我们可以使用使用 v-for 来优化模版中的 el-table-column

v-for="{ prop, label } in colConfigs"

:key="prop"

:prop="prop"

:label="label">

export default {

data () {

this.colConfigs = [

{ prop: 'date', label: '日期' },

{ prop: 'name', label: '姓名' },

{ prop: 'address', label: '地址' }

]

return {

tableData: [{

date: '2016-05-02',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

date: '2016-05-04',

name: '王小虎',

address: '上海市普陀区金沙江路 1517 弄'

}]

}

}

}

这样做