element ui
愿被温柔以待i
这个作者很懒,什么都没留下…
展开
-
el-from回车刷新页面问题解决
el-from绑定回车事件的时候发现会刷新页面,出现这类的问题是因为W3C规定:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。原创 2022-07-11 14:40:14 · 1018 阅读 · 0 评论 -
el-upload自定义上传文件
自定义上传文件,并且在传输文件数据的同时添加别的数据依次添加进所需字段,再将formData传入接口即可原创 2022-07-06 14:44:18 · 436 阅读 · 0 评论 -
vue上传图片+粘贴图片两种方式切换
vue上传图片+粘贴图片两种方式切换原创 2022-02-25 16:53:01 · 2937 阅读 · 2 评论 -
本地proxy反向代理两分钟后请求超时问题
本地proxy反向代理两分钟后请求超时问题本地项目进行中,由于要上传很多的数据,所以数据传输时间比较长,请求时间到两分钟以后就自动的断开了请求,页面展示如下:找了很多的资料,最后是查看了proxy的官方文档https://github.com/chimurai/http-proxy-middleware#options,中间有两个属性:1.proxyTimeout : 当代理没有收到目标响应时的超时时间(以毫秒为单位);2.timeout: 传入请求的超时(以毫秒为单位)。经测试,如果不设置这两个原创 2021-12-28 15:49:31 · 3810 阅读 · 1 评论 -
element ui 周选择器将选择时间转成yyyy-MM-dd ~ yyyy-MM-dd的格式
element ui 周选择器真的很想吐槽 选择的时间周格式只支持format不支持value-format,所以我们打印出来的还是日期,而不是页面展示的数据,为此找了很多处理周格式的方法,但是计算方式又不一样,最后还是处理成时间段来传值。如果大家有好的处理方法,欢迎在下面留言!// 时间戳转换为时间 timestampToTime(timestamp) { console.log(timestamp); var date = new Date(timestamp); //原创 2021-12-14 11:03:13 · 1409 阅读 · 0 评论 -
解决el-table固定列在ios系统出现的问题
最近在做适配的时候,发现el-table在ios系统上展示出现了问题–固定列应该是隐藏掉的,但是在IOS系统上面隐藏的样式不兼容,建议大家以后做隐藏处理不要用visibisity,这个属性对于ios是不兼容的。找了很多方式都不可行最后是用设置宽度来解决的,实在是没有别的办法了,代码在下面:在公共样式里面写入以下代码:.el-table { tr { td.is-hidden:first-child > *{ width: 10px;原创 2021-12-03 14:43:36 · 2632 阅读 · 2 评论 -
element ui Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ o
博客地址:https://blog.csdn.net/weixin_38547641/article/details/108394836?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163272447216780264026010%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=163272447216780264026010&原创 2021-09-27 14:39:54 · 439 阅读 · 0 评论 -
解决el-input输入框无法输入值的问题
在做项目的时候发现一个情况,输入框无法输入值并且表单校验失灵。通过输入框失去焦点的时候强制刷新页面来解决输入框无法输入的问题,但是表单校验失效仍然存在。解决输入框无法输入的代码是:forceUpdate() { this.$forceUpdate(); },遇到的具体情况如下:新增和编辑公用一个弹框,再点击新增按钮,触发了邮箱输入框的空值校验规则,在关闭了新增弹框(关闭时已经重置校验规则),打开编辑弹框,鼠标放入邮箱输入框,失去焦点时,仍然会显示空值校验,并且邮箱输入框无法输原创 2021-09-02 17:22:15 · 3564 阅读 · 0 评论 -
页面记住密码后,去除浏览器自动填充密码效果
在做密码框的时候,因为浏览器记住了账户密码,导致输入框自定填充,而且还有背景色,这显然不符合我们的项目需求,这时候我们只需要加上**auto-complete=“new-password”**主要的就是这个代码。在网上查过很多方法都没用,比如:auto-complete=‘off’,这个在我的项目里面是没用的,上面那个实测有效。代码如下:<el-form-item label="登录密码:" prop="password"> <el-input原创 2021-08-24 16:33:45 · 454 阅读 · 0 评论 -
2021-06-08解决给table表格添加fixed下边框消失的问题
/*注意deep两侧都要有空格*/ /deep/ .el-table__row { td:not(.is-hidden):last-child { bottom: -1px; } } /*注意deep两侧都要有空格*/ /deep/ .el-table__row { td:not(.is-hidden):first-child { bottom: -1px; } }我这个是固定了两侧的,所以是两个,如果你是右边框消失,就把b原创 2021-06-08 14:33:16 · 1238 阅读 · 0 评论 -
将el-table表格的合计行放到首行
element-ui 的table表格的合计行是放在最后一行的,便于数据的直观显示,需求就会要求将合计行放到首页,方法如下:添加以下两行CSS,即可将合计行放在第一行:/* /deep/ 为深度操作符,可以穿透到子组件 *//deep/ .el-table { display: flex; flex-direction: column;}/* order默认值为0,只需将表体order置为1即可移到最后,这样合计行就上移到表体上方 *//deep/ .el-table__body-wr原创 2021-06-08 12:03:44 · 3713 阅读 · 3 评论