- 博客(35)
- 收藏
- 关注
RSS订阅
原创 vue动态实时的显示时间
有两种方法1.可以用day.js,处理日期和时间的js库用法 npm install dayjs --save引入import dayjs from 'dayjs'然后创建定时器更新最新的时间this.timeId = setInterval(()=>{ this.sday =dayjs().format('YYYY-MM-DD HH:mm:ss');}...
2019-08-29 14:58:07
12943
2
原创 git clone 克隆代码报错
在拉取代码的时候报这个错误，也看了一下地址是正确的的，网络也正常。我以为是git名字和邮箱没有绑定的原因，结果绑定了还是这个问题，这个时候就只好百度啦，看看大家有什么好的解决方式没 1. 关闭防火墙 ，可是我关闭了还是不可以。因为本地git仓库和gitlab仓库传输项目是需要SSH加密才能传输，所有把公钥加到自己gitlab个人中心的SSH公钥列表里就行了。git 生成公钥，然后再gitlab平台添加公钥。
2024-02-21 16:08:51
214
原创 provide/inject 的用法
provide 可以在父组件以及祖先组件中可以定义方法，而在子组件或者任何后代组件中，我们都可以使用 inject 来接收 provide提供方法。在祖先组件中定义好数据，在后代组件中取，祖先数据如果改变，那就在后代组件中监听该方法。我自己在项目中的用法。
2024-01-18 17:59:05
386
原创 el-tabs 切换之前进行拦截
element文档：before-leave切换标签之前的钩子，若返回 false 或者返回 Promise 且被 reject，则阻止切换。这里有个坑就是直接return false 不生效，用 Promise 的reject的才能阻止。tabs标签页在切换的时候进行提示，点击确定执行，点击取消不切换。
2024-01-18 17:42:14
688
原创 vue上传文件加进度条，fake-progress一起使用
这个进度条主要是假的进度条，他开始加载后一直不会加载到100%，只有在结束的时候才会到100%进度条开始：this.fake.start();进度条结束：this.fake.end();在用到的文件里面引用。
2024-01-11 17:22:08
607
原创 el-upload为什么拖拽不起效果，before-upload不执行
设置的为true,生效了，但是不知道为什么在上传文件的时候不掉取接口正常，调取接口就会上传两遍，一直找不到原因，暂时解决方法： this.$refs["upload"].clearFiles()在调取之前清一下文件，这样就调取一遍了。目前没找到更好的方法，只能先这样。经过排查是因为 auto-upload设置了false，影响到了before-upload不执行，而且http-request也不执行。在做vue后台管理这种项目大部分都会有上传文件的功能，这里用到的是elementUi。
2024-01-11 16:34:50
702
原创 node管理包工具nvm
nvm就是nodejs的版本管理工具，一个开发可能手里有好几个项目，但是nodejs会出现不兼容的现象，这个时候nvm就排上用场了，可以通过它安装和切换不同的node版本。下载nvm插件，进行安装。
2024-01-02 18:34:08
341
原创 vue实现动画效果一行一行的显示
实现思路：先给要加动画的dom加上class名，在js中通过class获取到到dom,循环在dom添加style动画animationDelay 加上延迟几秒的值。因为年度报告有好几页，只是在某一页加上动画所以先判断是哪页，比如我需要在第三页加动画，所以判断当前页是不是第三页，如果当前在第三页，滑到第二页在返回第三页时不要动画效果，所以还要加判断。在做年度报告总结的时候有这样一个需求，要求页面有加载效果，加载的效果就是图片和文字一行一行的先后显示。
2023-12-29 15:01:03
544
原创 H5移动端使用html2canvas点击按钮生成图片并下载
可以用html2canvas生成canvas，再由canvas生成base64图片。生成好的图片需要保存到手机，因为h5要嵌套在客户端，客户端不支持a标签下载。解决方案：咨询客户端，看客户端提供的文档，调用客户端的api下载.如果客户端支持a标签下载可以用a标签，方法也写在下面代码中。解决方案：可以放大canvas，避免截图模糊。在保存的时候会遇到图片模糊的问题。需求：点击按钮下载当前页的图片。
2023-12-29 12:10:33
573
原创 vue v-for获取子组件$ref总是拿到最后一个元素
页面循环列表，把子组件放在循环里面，此处获取this.$refs返回的应该是个数组，但是不知道为什么，一直返回的是循环的最后一个的子组件实列，官网上已经说明v-for返回的就是数组，所以一直很困惑。代码如下：大佬们可以帮忙看看有啥问题，打印出来一直最后一个的子组件实列（返回的是对象）
2023-12-06 17:18:52
601
原创 vue 路由跳转详情页，返回时页码依然在当前页
到这里会遇到一个问el-pagination组件，current-page 绑定的数据变了，但是页面当前页码并没有变的问题，这是element的分页bug，使用v-if绑定分页。在当前的表格的vue文件table.vue中写，因为我这个table,vue是子组件，导致beforeRouteLeave无效，watch监听路由还获取不到from值，所以采用以下方法，在父组件中使用beforeRouteEnter路由钩子。首先项目中使用的是element-ui，用的el-table,el-pagination。
2023-11-01 16:01:59
532
原创 对时间进行处理 将时间戳转年月日时分秒 将秒数 转换为 时分秒格式，
写下来做记录//将秒数转换为时分秒格式formatSeconds(value){vartheTime=parseInt(value)/1000;//秒varmiddle=0;//分varhour=0;//小时if(theTime>60){middle=parseInt(theTime/60);theTime=parseInt...
2020-10-14 15:21:51
537
原创 oss分片上传视频或者图片
var oss_result; // 获取oss配置 await this.$axios.modelAdmin .oss_conf() .then(res => { oss_result = res.data; }); // oss配置 var oss_obj = oss_result; let client = new OSS.Wrapper({ secu.
2020-05-26 17:50:59
775
原创 获取最近三天，最近七天的时间
//获取近三天，近七天的时间 getDay(day) { var today = new Date(); var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day; today.setTime(targetday_milliseconds); //注意，这行是关键代...
2020-03-13 20:29:44
969
原创 点击按钮把地址或者文字复制下来
clipboard.js用这个官方网站请点这里先下载可以通过npm工具安装npm install clipboard --save如果不打算进行包管理，可以去官网下载zip文件<span class="tag-read" :data-clipboard-text="address" @click="submitBtn()">复 制</span>im...
2020-03-13 19:39:29
2090
原创 表格分页保存复选框状态
用的是element-ui，方法有两个1.可以用reserve-selection这个仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定row-key）<el-table :data="question_data" style="width: 100%" height="240px" @selectio...
2020-03-13 18:34:21
556
原创 vue tab切换
1.可以用element里面的Tabs 组件点这里<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pa...
2020-03-11 16:59:00
252
原创 vue 自定义指令下拉加载，表格，列表通用
<div class="box" v-loadmore="loadMore"> <el-scrollbar wrap-style="max-height: 400px;" view-class="view-box" :native="false" wrapClass :noresize="false" viewStyle id="scroll" ref="my...
2020-01-07 16:11:24
380
原创 element-ui的el-tree横向滚动条显示不出来。美化滚动条样式
图中没有横向滚动条，而且内容还被遮盖。解决办法.el-tree{display:inline-block； min-width:100%；}我这个滚动条用的是自定义的，为了让滚动条好看点就找了element的用法很简单<divstyle="float:right;width:150px;height:200px;margin-r...
2019-12-18 16:26:11
3129
原创 JS怎么判断数组有多少个重复的值
var arr = [1,2,3,4,1,3,4,5,5,88,7,3,1]; function counterArray(arr){ var obj = {} arr.forEach(function(v,k){ if(obj[v]){ obj[v]++; }else{ ...
2019-08-02 12:17:38
4491
原创 vue $event
在原生事件中，$event是事件对象在自定义事件中，$event是传递过来的数据注意两点1.不使用圆括号，event被自动当作实参传入2.使用圆括号，必须显式的传入event对象，如果不传入可能最终找到的是全局的window .event有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法：<tempalte> ...
2019-07-30 18:26:36
438
原创 怎么通过数组的元素在数组中把它截取出来
可以用数组的splice方法，splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。首先我们先找到要删除的这个数组元素所对应的下标 var array = ["a","b","c","d","e"]; var val="b"; var j = 0; for (var i...
2019-07-15 20:42:11
1439
原创 js 快速将字符串数组 转化为 数字数组（互换）
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '9']var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']a.map(Number); //结果：[1, 2, 3, 4, ...
2019-07-11 18:34:42
1383
原创 JS比较一个时间是否超过当前时间5分钟
var str = 1498467087971; var now = Date.now(); if(str > (now+5*60*1000)){ alert('1498467087971 超过了当前5分钟')}else{ alert('1498467087971 没有超过了当前5分钟')}...
2019-07-02 15:40:52
6298
原创 elementui表单验证小于300的正整数
alarm_time: [ { required: true, message: "请输入时间", trigger: "blur" }, { validator(rule, value, callback) { if (Number.isInteger(Number(value)) && ...
2019-06-13 14:35:08
2188
1
原创 怎么让滚动条好看一点呢 el-scrollbar
默认的滚动条看着很丑怎么来让这个滚动条变的好看点呢，element的源码里就有这个组件scrollbar写了一个小dome,这样看起来是不是美观很多呢<template> <div class="wrap"> <div class="user"> <el-scrollbar style="height:100%;"&g...
2019-05-24 15:33:38
1031
原创 怎么修改elelment-ui的样式
<template> <div id="box"> </div></template><script>export default { components: { }, props: {}, data() { return { }; }, watch: ...
2019-05-24 14:43:23
1495
原创 element日期时间控件判断选择时间只能选择三天的，大于三天提示
//时间控件最大三天timeUpdatethree(val){let sTime=new Date(val[0]).getTime();let eTime=new Date(val[1]).getTime();let reduceDate=(eTime-sTime)/1000/60/60/24;if(reduceDate>3){return true;}},...
2019-04-18 16:06:24
3159
原创 按日期时间进行排序
data:[{text:"广东省",time:"2019-02-21 02:39:50",},{text:"安徽省",time:"2019-02-21 02:30:43"},{text:"湖南省",time:"2019-02-21 02:19:02",},{text:"山西省",time:"2019-
2019-02-21 10:28:35
5297
原创 vue父组件调用子组件的方法
子页面chind.vue<div class="box" :style="{height:height+'px'}"></div>data() { return { height: 100, };},methods: { chindheight(msg) { this...
2019-02-20 20:05:24
169
原创 字符串查找，不使用indexOf，substr,正则，substring,contain,slice等现成的方法
var str = '12', strAll = '4512563';function isContain(a, b) { var aL = a.length,bL = b.length,index = -1; for (var i = 0; i < bL - aL; i++) { if (b.slice(i, i + aL) == str) {...
2018-08-09 16:07:28
688
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人