做过的功能记录
文章平均质量分 52
weixin_46917162
这个作者很懒,什么都没留下…
展开
-
标签超长时显示按钮左右切换(不超长时不显示按钮)
这里注意,getWidth()方法要在修改某个data里的数据后调用,且要使用$nextTick回调。直接在mounted里调用offsetWidth获取不到css重设置的标签最小宽度,而是原始宽度。原创 2023-10-28 20:24:43 · 244 阅读 · 0 评论 -
字符串方法replaceAll()的使用及替代方法
1.需求替换字符串中所有的“<”和“>”符号2.分析str.replace(被替换字符串,替换字符):只能替换字符串中的首个被替换字符串。str.replaceAll(被替换字符串/正则表达式,替换字符):可以替换字符串中的所有被替换字符串3.问题replaceAll()方法不是所有浏览器都支持。比如pc端的微信浏览器内核(我这里就是因为在微信里打开项目发现replaceAll()方法报错),ie浏览器等。浏览器对replaceAll()方法兼容性查询:4原创 2021-11-24 14:22:46 · 4501 阅读 · 0 评论 -
js获取当前时间戳()+时间大小比较
1.js获取当前时间戳js 中日期转换成时间戳 - mmzz3322 - 博客园js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:sshttps://www.cnblogs.com/mmzz3322/p/11218017.html上面这个博客已经写的很清楚了,试了一下new Date()里面的参数是不是一下几种日期格式都可以:let nowDate =原创 2021-10-19 14:57:29 · 6052 阅读 · 0 评论 -
字符串类型的数字小数补全
1.应用场景当前端得到的数据是字符串类型的数字时,转换数据类型害怕数据丢失或不准确。2.具体方法代码:changeStr(str) { let temp = str.split('.')[1] ? str.split('.')[1] : '' let res = str.split('.')[0] + '.' + temp.padEnd(2,'0') console.log('try',res); }changeStr('原创 2021-09-18 14:50:38 · 194 阅读 · 0 评论 -
v-for循环van-cell:自定义样式对第一个van-cell不生效
原因:不详不一定正解的解决办法:在van-cell上使用v-for循环时,:key不要不为0就没问题了;备注:只在这个案例里这样解决过,其他没遇到这个问题,所以不确定对所有相似问题是都有用的。解决问题前后效果对比:1.不生效时:左边没对齐对应的van-cell自定义样式:.van-cell { padding: 0.1rem 0.2rem 0.1rem 0; border-bottom: 1px solid #ccc; font-size:原创 2021-09-18 14:22:06 · 4572 阅读 · 3 评论 -
练习电商后台项目物流接口失效,使用json文件模拟接口调用数据
练习电商后台管理系统项目的时候遇到物流接口后台报错,不会解决后台问题,就使用获取json文件数据来模拟调用接口请求:1.页面展示2.准备json文件及内容这个json文件最好写在public文件夹下,因为http://localhost:8080/会自动访问到public文件夹下的内容{ "data": [ { "time": "2018-05-10 09:39:00", "ftime": "2018-05-10 09:39...原创 2021-09-12 21:48:24 · 369 阅读 · 0 评论 -
Vue中创建一个格式化时间的过滤器
1.在main.js中创建全局格式化时间的过滤器// 定义一个全局格式化时间的过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal*1000)//根据传进来的时间戳创建一个时间对象 const y = dt.getFullYear() //年 const m = (dt.getMonth() + 1 + '').padStart(2,'0') //月 const d = (dt.原创 2021-09-11 22:01:37 · 255 阅读 · 0 评论 -
导出文件功能记录
1.导出按钮<el-button size="small" icon="el-icon-upload2" style="height: 32px; margin: 5px" @click="downloadFile">导出</el-button>2.data里的数据// 导出文件相关 downloadExcel: { downloadPath: '/path',//接口路由 excelName: '导出excel原创 2021-08-28 10:11:42 · 83 阅读 · 0 评论 -
导入文件功能记录
1、触发导入文件弹窗按钮<el-button size="small" icon="el-icon-download" style="height: 32px; margin: 5px" @click="file.dialogVisible = true">导入</el-button><el-button size="small" icon="el-icon-upload2" style="height: 32px; margin: 5px" @click="downl原创 2021-08-28 10:06:04 · 244 阅读 · 0 评论