摘要: 记录一个刷新后仍然有效的倒计时demo GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/countDown 示例: 代码: <template> <div style="width: 100 阅读全文
posted @ 2021-03-29 15:01 bugSource 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 获取本地时间 输出格式为:2021-03-29 00:00:00 代码如下 var date = new Date() var YY = date.getFullYear() + '-' var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMont 阅读全文
posted @ 2021-03-29 14:43 bugSource 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 前言 整理几种props的使用方式 第一种 传递一个数组 props:["cont"] 第二种 传递一个对象 props:{ uploadOption:{ type:Object, //参数类型必须是一个对象 required: true //这一种说明这个参数是必须的哈 } } 第三种 整理各类型 阅读全文
posted @ 2021-03-29 14:20 bugSource 阅读(708) 评论(0) 推荐(0) 编辑
摘要: GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/clickChangeStyle 示例: 思路:通过点击事件把对应的index赋值给nowIndex,通过:class把nowIndex = 阅读全文
posted @ 2021-03-29 14:09 bugSource 阅读(1108) 评论(0) 推荐(0) 编辑
摘要: 调用搜狐接口获取用户ip地址 ####GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/getUserIP ####示例: 代码: <template> <div style="width: 阅读全文
posted @ 2021-03-29 13:58 bugSource 阅读(156) 评论(0) 推荐(0) 编辑
摘要: ###获取近一周时间 var end = new Date(); var year = end.getFullYear(); var month = end.getMonth() + 1;//0-11表示1-12月 var day = end.getDate(); var dateObj = {}; 阅读全文
posted @ 2021-03-29 13:40 bugSource 阅读(3063) 评论(0) 推荐(0) 编辑
摘要: 记录三种类型数据去重的处理方法 ###1、单个数组内部 // 去重,对{}无效 var string= [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 阅读全文
posted @ 2021-03-29 11:51 bugSource 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1. 业务场景 由前台导入Excel表格,获取批量数据。根据一个数组导出Excel表格。 2.1 引入工具库 npm install xlsx --save npm install file-saver --save npm install script-loader --save-dev 2.2 阅读全文
posted @ 2021-03-29 11:49 bugSource 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 关于v-html中存在<img>出现图片溢出所在div或dialog等情况处理 用深度选择器修改v-html里面的内容样式即可。 <div class="dialog" v-html="content"></div> // css写法 <style> .dialog { width: 1024px; 阅读全文
posted @ 2021-03-29 11:46 bugSource 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 记录在flex布局中某些元素需要居右的处理方式 <div class="box"> <div class="left"> 左边内容 </div> <div class="right"> 右边内容 </div> </div> { .box { width: 300px; height: 200px; 阅读全文
posted @ 2021-03-29 11:34 bugSource 阅读(777) 评论(0) 推荐(0) 编辑
摘要: 根据屏幕分辨率进而修改CSS样式 使用方法 <div class="box"/> <style> @media screen and (max-width:600px){ .box{ height: 200px; width: 200px; background-color: blueviolet; 阅读全文
posted @ 2021-03-29 11:30 bugSource 阅读(33) 评论(0) 推荐(0) 编辑
摘要: ##主要记录一些曾经写过的有关el-ui样式修改的代码 修改 el-radio 激活颜色 .el-radio{ &.is-checked { .el-radio__inner{ background-color: #2CCF2A; border-color: #2CCF2A; } .el-radio 阅读全文
posted @ 2021-03-29 09:53 bugSource 阅读(951) 评论(0) 推荐(0) 编辑