vxe-form table 表单使用数据校验-牛翰网

vxe-form table 表单使用数据校验

官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent&
vue vxe-table 实现财务记账凭证-牛翰网

vue vxe-table 实现财务记账凭证

使用 vxe-table 实现财务记账凭证非常简单,实现在线实时编辑的记账凭证、自动合计金额等 官网:https://vxetable.cn/ <template> <div> <vxe-grid ref="gridRef" v-b...
vxe-table 全键盘操作,按键编辑方式设置,覆盖方式与追加方式-牛翰网

vxe-table 全键盘操作,按键编辑方式设置,覆盖方式与追加方式

vxe-table 全键盘操作,按键编辑方式设置,覆盖方式与追加方式; 通过 keyboard-config.editMode 设置按键编辑方式;支持覆盖方式编辑和追加方式编辑 按键编辑方式 <template> <div>...
vxe-form table 表单实现简历模板-牛翰网

vxe-form table 表单实现简历模板

官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <
vxe-table 一键切换编辑模式、只读模式-牛翰网

vxe-table 一键切换编辑模式、只读模式

vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用,当不需要编辑时就关闭 官网:https://vxetable.cn/ <template> <div> <vxe-button status=&...
vxe-table 实现打印出货单、自定义单据打印-牛翰网

vxe-table 实现打印出货单、自定义单据打印

vxe-table 内置非常强大 H5 打印,只需要传入 html 代码和 css 样式,就可以实现任何复杂的打印 官网:https://vxeui.com <template> <div> <vxe-button @click="printEven...
vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽-牛翰网

vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽

在使用 vxe-table 是,常用的列宽拖拽调整功能,通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。 动态列宽分配模式 调整列宽之后,对于未设置列宽的列会重新...
如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容-牛翰网

如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容

如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容 公司的业务需求是自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化...
推荐 vue 最好用非常强大表格组件 vxe-table,vue 哪个表格组件好用-牛翰网

推荐 vue 最好用非常强大表格组件 vxe-table,vue 哪个表格组件好用

vxe-table 是一个全功能 vue 表格库,非常强大的功能基本可以满足对表格对表格的一切需求。不管是普通列表,大数据列表。可编辑表格,数据校验、Excel 单元格选择、复制粘贴等。。。 官网:http...
vxe-table 实现表格单选数据-牛翰网

vxe-table 实现表格单选数据

在 vxe-table 启用列单选功能,通过参数 column.type = 'radio' 设置类型为单选类型就可以了。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gr