前端知识积累
monody666
这个作者很懒,什么都没留下…
展开
-
修改elementUI的button按钮大小
给需要改变大小的按钮添加这个class。如果要改这个页面的所有按钮,class名字改为“.el-button{}”,不用单独加在button。原创 2022-07-01 14:43:11 · 17446 阅读 · 0 评论 -
JSP grid表格,时间格式转换
后端获取到YYYY-MM-dd格式的日期,通过json返回到前端后,显示变为了中国标准时间。通过一个格式转换的方法,将其转换为YYYY-MM-dd格式原创 2022-06-09 09:27:20 · 219 阅读 · 0 评论 -
vue 使用Loading遮罩层
//引入import { Loading } from "element-ui";//开启遮罩层 let loadingInstance = Loading.service({ lock: true, //lock的修改符--默认是false text: "正在保存邮件,请耐心等待", //显示在加载图标下方的加载文案 spinner: "el-icon-loading", //自定义加载图标类名 backgro...原创 2022-03-04 10:49:09 · 2132 阅读 · 0 评论 -
vue 获取当前时间
//获取当前时间 let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1; let dd = new Date().getDate(); let hh = new Date().getHours(); let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().ge.转载 2022-01-29 10:21:08 · 478 阅读 · 0 评论 -
vue前端解析excel
//导入确认//uploadType 弹框复用,1、2为两个不同按钮,导入不同excel submitFileForm(){ if (this.excelList.length === 0) { this.$message.warning("请选择文件"); return; } if (this.excelList.length > 1) { this.$message.warning("每次只能上...原创 2022-01-10 17:19:52 · 1408 阅读 · 0 评论 -
vue、elementUI的excel文件导入导入
<el-dialog title="导入" :visible.sync="upload.open" width="400px" append-to-body :close-on-click-modal="false"> <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" .原创 2021-12-16 18:00:34 · 785 阅读 · 0 评论 -
根据条件更改表格某一行的背景颜色-实现高亮
【vue】根据条件更改表格某一行的背景颜色-实现高亮_@point-CSDN博客转载 2021-12-02 15:53:54 · 445 阅读 · 0 评论 -
Vue 表格中根据字段值显示不同的内容
<el-table-column label="预警" align="center" width="100"> <template slot-scope="scope"> <span style="background:#F70707 " v-if="scope.row.reaminingDays<=0">红色预警</span> <span style="background:#E6A23C " v-if="scope.转载 2021-08-04 16:08:02 · 4802 阅读 · 0 评论 -
avue 编辑框 字典值字段 默认显示id 解决方法
解决方法:java不改变实体类类型,返回string类型给前端在对应的实体类字段上面加上这句话@JsonSerialize(using= ToStringSerializer.class)原创 2021-08-03 11:33:50 · 1102 阅读 · 0 评论 -
vue 正则 限制只能输入两位小数
<el-col :span="12"> <el-form-item label="工资" prop="salaryPay"> <el-input v-model="pojo.salaryPay" placeholder="最多保留两位小数" oninput="value=value.replace(/[^0-9.]/g,...原创 2021-05-28 10:03:48 · 4252 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener due to target being treated as passive.
https://www.jianshu.com/p/7915bcc451b6转载 2021-03-26 09:32:34 · 3030 阅读 · 0 评论 -
vue显示性别0、1为男、女。filter过滤器方法
<el-table-column prop="salarySex" label="性别" align="center"> <template slot-scope="scope"> <!-- 通过 Scoped slot 可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据 用|分割,前面获取传给后面,然后通过filters获取 --> .原创 2021-02-26 10:13:14 · 11579 阅读 · 1 评论 -
vue获取当前时间
https://blog.csdn.net/runboom/article/details/95316618?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-2&spm=1001.2101.3001.4242转载 2021-02-26 09:57:54 · 151 阅读 · 0 评论 -
vue 打印数据库全部内容
1.安装 print-jsnpm install print-js --save2.页面引入// 在当前vue文件内引用import printJS from ‘print-js’<el-button @click="handlePrint">打印</el-button>methods:handlePrint(){ getPrintList(this.searchMap).then(response => { const r原创 2021-02-26 09:52:51 · 261 阅读 · 0 评论 -
vue+element-ui+js页面打印(打印elementui的table)
https://blog.csdn.net/Simplify_Webpage/article/details/111663634?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=7939fbd7-f660-4aa2-b162-b8f1cb504cde&depth_1-utm_source=distribute.pc_releva转载 2021-02-25 14:15:27 · 3314 阅读 · 1 评论 -
前端布局display:flex具体用法
https://www.cnblogs.com/qingchunshiguang/p/8011103.html转载 2021-02-22 08:13:10 · 477 阅读 · 0 评论 -
前端输入框数字类型删除后变成空字符串“”报错的解决方法
参照Integer和int的区别https://blog.csdn.net/monody666/article/details/113865113将输入框对应的int类型变量在后台和数据库中改为Integer类型原创 2021-02-19 15:23:32 · 978 阅读 · 0 评论 -
输入框 保留*位小数,只能输入数字等
只能输入数字和小数点value=value.replace(/[^0-9.]/g,'') 只能输入数字value=value.replace(/[^0-9]/g,'') 只能输入两位小数value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3') 同时限制数字和小数oninput="value=value.repl...原创 2021-02-19 14:13:01 · 1537 阅读 · 0 评论 -
vue的input输入框无法输入解决方法
将prop中的属性名在DATA()里面定义出来String类型赋值“”,int类型赋值null原创 2021-02-19 08:56:19 · 3057 阅读 · 0 评论 -
vue项目启动时,npm run serve 和 npm run dev 的区别
在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错:PS C:\Users\LENOVO\Desktop> npm run devnpm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2020-05-27T转载 2021-02-08 16:52:18 · 2453 阅读 · 1 评论 -
JavaScript中var、let和const的区别
一、前言在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过var关键字,函数声明是通过function关键字,而在ES6之后,声明的方式有var、let、const、function、class,本文主要讨论var、let和const之间的区别。二、var如果使用关键字var声明一个变量,那么这个变量就属于当前的函数作用域,如果声明是发生在任何函数外的顶层声明,那么这个变量就属于全局作用域。举例说明:var a = 1; ...转载 2021-02-08 15:38:24 · 1814 阅读 · 3 评论 -
element-ui报错:Uncaught (in promise) cancel
分析:出现Uncaught (in promise) cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获.会报错的用法如下:控制台报错如下:正确用法如下:转载 2021-02-08 15:01:04 · 1396 阅读 · 0 评论 -
vue使用element删除时,将id放入数组传给后台
转载 2021-02-08 15:00:23 · 934 阅读 · 0 评论 -
行级元素块级元素区别
https://blog.csdn.net/weixin_36214833/article/details/112775368?spm=1000.2123.3001.4430转载 2021-02-04 16:10:41 · 100 阅读 · 0 评论 -
常见的 HTML 事件
常见的 HTML 事件下面是一些常见的 HTML 事件:事件 描述onchange HTML 元素已被改变onclick 用户点击了 HTML 元素onmouseover 用户把鼠标移动到 HTML 元素上onmouseout 用户把鼠标移开 HTML 元素onkeydown 用户按下键盘按键onload 浏览器已经完成页面加载...转载 2021-01-25 14:08:47 · 147 阅读 · 0 评论