vue3.0+element plus
StellaXiao98
这个作者很懒,什么都没留下…
展开
-
【Vue3 + element plus】Icon全局注册组件过程踩坑
过程:历史项目用的是vue 3.0.0,element plus 1.0.0参考其他大佬的方法(文末),全局install并注册了element plus 的 icon 组件库。npm install @element-plus/icons-vueimport ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import * as ELIcons from '@element-plus/icons原创 2022-04-27 19:46:29 · 2008 阅读 · 0 评论 -
【Vue3.0 + Element-plus】el-tree树状结构节点前箭头样式修改
Vue2和Vue3 的修改方法略有不同.el-tree .el-icon svg{ //原有的箭头 去掉 display: none !important; height: 0; width: 0;}.el-tree-node__expand-icon{ //引入的图标(图片)size大小 => 树节点前的预留空间大小 font-size:16px;}//图标是否旋转,如果是箭头类型的,可以设置旋转90度。如果是两张图片,则设为0.el-tree .el-tree原创 2022-04-27 19:39:04 · 4080 阅读 · 4 评论 -
Vue3.0 + Element Plus|踩坑:表单重置按钮resetForm失效
在项目过程中按照之前的经验写重置按钮时发现不生效,换了原生的重置按钮也不行。后来发现还是版本移植的问题。vue2.0和vue3.0的语法不一样,在main.js中引入resetform函数时语法出错// Vue2.0Vue.prototype.resetForm = resetForm;//Vue3.0let app = createApp(App);//...app.config.globalProperties.resetForm = resetForm;..原创 2021-07-20 16:12:46 · 2845 阅读 · 4 评论 -
element plus 组件默认英文 改为中文
此方法全局修改,并非按需引用main.js文件import 'dayjs/locale/zh-cn'import locale from 'element-plus/lib/locale/lang/zh-cn'...let app = createApp(App);app.use(router);app.use(ElementPlus,{locale});app.mount('#app');原创 2021-07-20 16:04:18 · 1628 阅读 · 1 评论 -
Vue3.0 + Element Plus| 侧边导航栏、标题栏组件应用全局
刚开始接触项目,从0开始搭建管理平台,最开始先写的页面布局,采用的很笨的方法:每写一个页面就写一次页面布局样式<el-container> <el-aside style="width: auto" v-if="$route.meta.keepAlive"> <keep-alive> <!-- 封装好的侧边导航栏组件 --> <com-sidebar ></com-side原创 2021-07-20 16:01:20 · 4619 阅读 · 0 评论