lb-element-table基于 Element UI Tabel 封装的表格组件

基于 Element UI Tabel 封装的表格组件,使用更简单,无需大量重复的代码量,只需简单配置column和data即可,简单明了。
完美支持Element UI Tabel的属性及事件,熟悉的参数、熟悉的味道,熟悉的写法。
Github
点击前往
更多示例及参考
点击前往
简单示例参考
<template>
<lb-table :column=”tableData.column”
:data=”tableData.data”>
</lb-table>
</template>

<script>
export default {
data () {
return {
tableData: {
column: [
{
prop: ‘date’,
label: ‘日期’
},
{
prop: ‘name’,
label: ‘姓名’
},
{
prop: ‘address’,
label: ‘地址’
}
],
data: [
{
date: ‘2016-05-02’,
name: ‘王小虎1’,
address: ‘上海市普陀区金沙江路 1518 弄’
},
{
date: ‘2016-05-02’,
name: ‘王小虎2’,
address: ‘上海市普陀区金沙江路 1518 弄’
},
{
date: ‘2016-05-02’,
name: ‘王小虎3’,
address: ‘上海市普陀区金沙江路 1518 弄’
}
]
}
}
}
}
</script>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理