vxe-table vue 增删改查表格组件
vxe-table官方中文文档 https://vxetable.cn
安装依赖:
npm install vue xe-utils vxe-table
一个简单的使用例子:
<template>
<div>
<vxe-table :data="tableData">
<vxe-column type="index" width="60"></vxe-column>
<vxe-column field="name" title="Name"></vxe-column>
<vxe-column field="date" title="Date"></vxe-column>
<vxe-column field="sex" title="Sex"></vxe-column>
</vxe-table>
</div>
</template>
<script>
export default {
data () {
return {
tableData: [
{
id: 10001,
name: 'test1',
sex: 'Man',
date: '2019-05-01'
}
]
}
}
}
</script>