vxe-table v3 表格中使用 a- 集成 ant-design-vue 组件库的
在公司开发大型项目中，使用主流表格库 vxe-table v3 和ant-design-vue 组件库，可以在可编辑单元格中渲染非常简单的使用更多的组件官网：https://vxetable.cn
安装
npm install vxe-pc-ui@3.3.9 vxe-table@3.11.10 @vxe-ui/plugin-render-antd@3.0.1// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
import VxeUIPluginRenderAntd from '@vxe-ui/plugin-render-antd'
import '@vxe-ui/plugin-render-antd/dist/style.css'
// ...
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
VxeUI.use(VxeUIPluginRenderAntd)
Vue.use(VxeUI)
Vue.use(VxeUITable)
Vue.use(Antd)使用输入框 a-input
<template>
<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
</template>使用下拉框 a-select
<template>
<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
</template>使用日期选择 a-date-picker
<template>
<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
</template>使用级联选择 a-cascader
<template>
<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
</template>还有非常的多，具体需要去看官网文档了
https://gitee.com/xuliangzhan/vxe-table
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]