
element-ui
爱敲代码的joly
一名前端小菜鸟,此账号用来记录日常开发中遇到的问题,欢迎大佬前来赐教!!!如果文章能够解决大家遇到的问题,欢迎大家点赞收藏!!!
展开
-
Select输入框的值默认大写
现在客户提出需求,需要在select输入框模糊搜索时,将输入的字母默认为大写,原创 2022-10-16 12:06:12 · 736 阅读 · 1 评论 -
Input输入框的值默认大写
如果要添加的输入框较多的话,这个方法有点麻烦,需要一个一个去添加,如果大家有更好的方法,欢迎留言。用到的是toUpperCase()方法,它的作用是将字符串小写字符转换为大写。现在客户提出需求,需要在输入框输入字母时默认为大写,原创 2022-09-30 15:41:04 · 934 阅读 · 0 评论 -
Element 修改el-table自带样式
在项目开发过程中,经常会遇到需要修改element的原本的样式,这篇文章用来记录修改el-table自带的样式,后续遇到其他的问题会继续补充。原创 2022-08-19 12:50:46 · 2829 阅读 · 0 评论 -
路由跳转第二次点击才能跳转成功
1.问题描述使用路由跳转,第一次点击没反应,第二次点击才跳转成功this.$router.push('/')window.localStorage.setItem('token', res.access_token)2.解决方法这个问题出现的原因是,在页面跳转时先进行跳转然后再把数据存储在本地;(先跳转,再存储)解决方法:先把数据存储在本地,再进行页面跳转。(先存储,再跳转)window.localStorage.setItem('token', res.access_toke原创 2022-05-23 18:22:59 · 2840 阅读 · 1 评论 -
RangeError:Maximum call stack size exceeded
1.问题描述在配置路径时,报了内存溢出的错报错图片2.解决方法问题是因为把children里面的重定向和children外面的重定向路径写成一样的了,导致加载路径时在两个相同重定向路径里面反复跳转,循环反复,导致内存溢出,把重定向路径更改后问题就解决了。...原创 2022-04-24 11:59:25 · 10373 阅读 · 0 评论 -
element-ui table表格滚动条拉到最右侧 表头与内容不能对齐
1.问题概述当表格数据太多,会出现纵向滚动条,把滚动条拉到最右侧时,会出现表头与内容不能对齐的现象2.解决方法1.当页面数据加载完毕后,在后面加上this.$nextTick(() => { this.$refs.table.doLayout();})doLayout是element提供的方法,它的作用是对Table进行重新布局。2.别忘了给表格加上ref属性<el-table ref="table"></el-table>然后就大原创 2021-12-20 17:03:05 · 3076 阅读 · 0 评论 -
Element-ui表单重置resetFields问题(无法重置表单)
1.问题概述在重置表单时,使用this.$refs.form.resetFields()没有效果2.解决方法1.检查表单form是否有ref属性<el-form ref="form"></el-form>2.检查el-form-item是否有prop属性,属性值需要与绑定的数据一致<el-form-item prop="name"> <el-input v-model="form.name"></el-input>原创 2021-12-15 14:09:00 · 1564 阅读 · 0 评论 -
tag标签实现关闭左侧、关闭右侧、关闭其他、全部关闭标签的功能
2.效果说明现在有四个tag标签(tag1,tag2,tag3,tag4),如下图,选中的是tag2标签,我们需要新增一个按钮实现关闭tag2左侧标签,关闭tag2右侧标签,关闭除了tag2以外的其他标签,关闭全部标签(回到home页)四个tag标签存放在pageTags数组里pageTags:[ { path: '/tag1', name: 'tag1', }, {.原创 2021-11-17 18:26:01 · 1996 阅读 · 0 评论 -
Element-UI的message消息提示单次弹出一个
1.问题概述:当进入页面需要加载多个请求时,如果服务器报错,一次会弹出多个message报错提示,影响体验,如下图所示。2.解决方法,借鉴网上其他网友的帖子(respect)第一步:新建一个resetMessage.js文件import {Message} from 'element-ui'let messageInstance = nullconst resetMessage = (options) => { if (messageInstance) { m..原创 2021-11-03 15:02:32 · 867 阅读 · 1 评论