vue-elementUI 之全局配置

最新推荐文章于 2024-01-08 11:46:22 发布

freewlt

最新推荐文章于 2024-01-08 11:46:22 发布

阅读量1.4k

点赞数

分类专栏： vue-elementUI

本文链接：https://blog.youkuaiyun.com/qq_16672095/article/details/108419437

版权

vue-elementUI 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何通过修改ElementUI的全局配置来优化界面显示效果和用户体验，包括Dialog的交互方式调整、分页布局和数量设定、表格元素的对齐方式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 点击 遮罩层 是否关闭 Dialog
ElementUI.Dialog.props.closeOnClickModal.default=false;
// Dialog 是否在 body 里追加
ElementUI.Dialog.props.modalAppendToBody.default=false;

// 分页默认
ElementUI.Pagination.props.layout.default="prev, pager, next, jumper";
ElementUI.Pagination.props.pageSize.default=10;

// table th 和 td 居中
ElementUI.TableColumn.props.align={type:String, default: "center"};
ElementUI.TableColumn.props.headerAlign={type:String, default: "center"};