perf: vxe demo

This commit is contained in:
xingyu4j
2022-11-01 15:56:40 +08:00
parent 220e0316e0
commit a95694ae6b
3 changed files with 37 additions and 21 deletions

View File

@ -55,12 +55,12 @@ VXETable.setup({
loadingText: '加载中...', // 全局loading提示内容如果为null则不显示文本
height: 600,
table: {
border: 'inner',
// 自动监听父元素的变化去重新计算表格
autoResize: true,
emptyText: '暂无数据',
// 鼠标移到行是否要高亮显示
highlightHoverRow: true
border: 'inner', // default默认, full完整边框, outer外边框, inner内边框, none无边框
align: 'center', // eft左对齐, center居中对齐, right右对齐
autoResize: true, // 自动监听父元素的变化去重新计算表格
resizable: true, // 列是否允许拖动列宽调整大小
emptyText: '暂无数据', // 空表单
highlightHoverRow: true // 自动监听父元素的变化去重新计算表格
},
grid: {
toolbarConfig: {
@ -103,6 +103,21 @@ VXETable.setup({
input: {
clearable: true
},
modal: {
width: 600, // 窗口的宽度
height: 400, // 窗口的高度
showZoom: true, // 标题是否标显示最大化与还原按钮
resize: true, // 是否允许窗口边缘拖动调整窗口大小
marginSize: 0, // 只对 resize 启用后有效,用于设置可拖动界限范围,如果为负数则允许拖动超出屏幕边界
remember: false, // 记忆功能,会记住最后操作状态,再次打开窗口时还原窗口状态
destroyOnClose: true, // 在窗口关闭时销毁内容
storage: false, // 是否启用 localStorage 本地保存,会将窗口拖动的状态保存到本地
transfer: true, // 是否将弹框容器插入于 body 内
showFooter: true, // 是否显示底部
mask: true, // 是否显示遮罩层
maskClosable: true, // 是否允许点击遮罩层关闭窗口
escClosable: true // 是否允许按 Esc 键关闭窗口
},
i18n: (key, args) => {
return unref(i18n.global.locale) === 'zh-CN'
? XEUtils.toFormatString(XEUtils.get(zhCN, key), args)