![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 62
27号白开水
这个作者很懒,什么都没留下…
展开
-
Vant Uploader上传文件 + 提交按钮上传(前后端)
安卓版PDA对设备故障进行报修。①在提交表单的时候需要同时提交故障照片,②图片单选。上传组件使用了 `Vant v2.12.47` 中的 Uploader 组件,但是官方文档只是对单个组件的前端说明。最近才开始用 Vant,不太熟悉,在网上找了些使用方法,感觉零零碎碎的,而且不知道后端代码如何承接参数。在此做一下使用方面的代码总结。原创 2022-05-30 13:29:53 · 9128 阅读 · 3 评论 -
ElementUI + VUE实现表格内编辑
实现效果每行显示修改和删除按钮:点击修改后显示保存和取消按钮:点击保存或取消将回到上一状态。原理设置被保存标志saveTF=false,记录当前是否有行数据被编辑设置中间变量chooseInfo=[ ],记录被编辑的行数据设置中间变量chooseNo="",记录被编辑行数据的唯一id展示表格时,判断当前行的主键是否等于chooseNo,是则表明当前行正在被编辑,展示input输入框和保存/取消按钮,否则正常展示该行数据和编辑/删除按钮点击编辑时,更新①②③的数据为该行数据点击保存时原创 2021-06-03 11:59:07 · 1046 阅读 · 0 评论 -
Vue 传参打开新页面,并打印部分内容
一、需求输入单号,点击“打印”按钮 ---> 弹出新页面,打印单号信息图一图二二、代码实现1. 传参到新页面<el-form-item label="单号" prop="noticeNumber"> <el-input v-model="searchForm.noticeNumber"></el-input></el-form-item><el-button @click="deliveryPrint(searchForm.n原创 2021-04-08 16:54:18 · 461 阅读 · 0 评论 -
Element-UI中,按钮点击后移开鼠标颜色仍然聚焦的解决方法(纯css整体解决)
在使用element-ui的过程中,发现按钮点击后存在聚焦问题,即点击后移开鼠标,按钮颜色不变回原来的样式,而是会加上一个:focus的偏暗的样式,只有在别处点击一下,才会清除效果,让我极为难受。在 Element官网-Button 按钮 看了一下,竟然也是这个鬼样子=_=。在网上搜了一些解决办法,大都是按钮绑定方法然后使用 ev.target.blur()强制按钮失焦。但是一个页面往往有很多个按钮,我们一个一个往上加方法似乎有点麻烦。后来查看了前端样式,发现el-button上:focus和.hov原创 2021-03-12 11:44:24 · 8749 阅读 · 2 评论 -
JS 禁用/启用表单内元素
CSS样式使输入框和按钮变灰色,光标显示红圈斜杠样式textarea[disabled], input[disabled]{ cursor: not-allowed; background: #F2F2F2;}button[disabled]{ cursor: not-allowed; background-color: #d2d2d2 !important;}JS//禁用表单,myform为表单的IDfunction makeFormDisable(myForm) { let x原创 2020-12-17 10:47:42 · 981 阅读 · 0 评论 -
Maximum call stack size exceeded 脱坑分享
先上重要参考链接:https://www.cnblogs.com/dunitian/p/5865725.html多亏了这个大佬。????1.背景:运行的时候突然就出现这个错误了。字面意思:超出最大调用堆栈大小2.DEBUG过程网上找了找,很多人的原因是或主动或被动的调用了递归,比如使用了和插件相同的名字什么的。解决方法就是增加停止调用的递归条件,防止堆栈溢出。但是,我就用了一个text文本框回车的监听方法,不存在递归呀??!后来加了一行弹框 layer.msg(‘kkk’);,发现还原创 2020-12-01 11:49:34 · 214 阅读 · 0 评论 -
Layui数据表格重载到当前页
html页面结构:所以找到em标签中的这个文本,然后跳转到这一页就好了。代码如下:let currpage = $('.layui-laypage-em').next().text();table.reload('systemCert', { page: { curr: currpage }});原创 2020-11-24 10:54:42 · 857 阅读 · 0 评论 -
Layui数据表格重载时自动跳转到最后一页
使用情况:当发生指定动作时,进行数据表格的重载,并自动计算,展示最后一页let pageSize = $('.layui-laypage-limits').find('select').val();//获取表格每页展示的数据行数let totalCode= meterCodeData.length;//表格总数据量,我这里使用的是临时表格所以可以直接获取//Math.ceil()返回大于或等于一个给定数字的最小整数let currPageNo = Math.ceil(totalCode / page原创 2020-10-15 11:59:57 · 1197 阅读 · 0 评论 -
HTTP实现文件下载(弹出下载框) + PDF文件预览
HTTP服务搭建:https://www.cnblogs.com/wuy401120html/p/9219255.html前端:window.open("/taskInstruction/downloadFile?filePath="+filePath+"&fileName="+data.file_name);后台://下载文件@RequestMapping("/downloadFile")public void downloadFile(String filePath, Str原创 2020-08-03 14:28:07 · 1873 阅读 · 0 评论 -
pdf.js更改所展示的文件名称
在文件存储时,为了防止文件名重复,可能在服务器上存的文件名是UUID拼接的假名字而非真正的文件名。在使用pdf.js对文件进行预览时,会将假名字显示出来。所以我想对这里进行修改,显示文件的真名字。第一步、修改源码需要改动的只有几行代码。pdf.js的文件包中有一个viewer.js的文件,在viewer.js中找到设置标题文件名的方法:setTitleUsingUrl(url = ""){ this.url = url; this.baseUrl = url.split("#")[0];原创 2020-08-03 16:27:38 · 3822 阅读 · 0 评论 -
JS报错:Uncaught TypeError: Cannot read property ‘substring‘ of undefined
报错信息:bomFile.js:475 Uncaught TypeError: Cannot read property 'substring' of undefined at HTMLAnchorElement.<anonymous> (bomFile.js:475) at Function.s (layui.js:2) at r.each (layui.js:2) at Array.<anonymous> (layui.js:2) at原创 2020-07-09 10:39:33 · 3253 阅读 · 0 评论