ElementUI
文章平均质量分 58
鸭绒
追求起点是大厂。
展开
-
Vue中使用ElementUI的Form组件时使用 v-if 切换时导致表单自动校验问题
说明:利用ElementUI的Form表单组件实现登录、注册功能,当chooseItem == 0时是登录模块,否则是注册模块,同时也给表单项添加了校验规则。示例代码:<template><el-form v-if="chooseItem == 0" :model="loginForm" :rules="loginRules" ref="loginForm" siz原创 2022-04-10 17:48:17 · 3017 阅读 · 0 评论 -
Vue使用ElementUI的Table组件表头与内容不对齐问题
问题描述:用ElementUI开发后台,使用Table组件时,表头与内容不对齐解决方法:在App.vue组件中添加如下代码:<style>.el-table th.gutter { display: table-cell !important;}</style>示例:原创 2021-07-29 17:06:32 · 1461 阅读 · 0 评论 -
Vue2.X中引入element-ui,发现没有.babelrc文件如何解决?
别再找.babelrc文件了,直接修改babel.config.js文件。1.引入element-ui:npm i element-ui -S2.引入插件:npm install babel-plugin-component -D3.修改babel.config.js文件:module.exports = { presets: ["@vue/app"], plugins:[ [ "component", { "libraryName":原创 2020-10-19 22:46:31 · 7398 阅读 · 4 评论 -
如何修改ElementUI的MessageBox的默认样式
ElemetUI的默认样式都是不自动适配各设备的,所以在没有修改默认样式下直接使用是达不到想要的效果。比如我的一个项目:情景:当用户点击退出登录时,跳出弹框确认是否退出。上面是我直接引入ElementUI时的效果,这显然是不合理的,默认的宽度太大了,大大影响了美观。这时我去ElementUI官网找如何修改样式,但是没有找到,文档只是教我们如何引入并使用(也可能有教程,只是我没找到),下面我就用我的方法修改样式:利用chorme的调试工具,找出控制弹出框的样式:既然知道了类名和CSS属性,那么原创 2020-10-31 17:19:54 · 10326 阅读 · 5 评论