- 博客(40)
- 收藏
- 关注
原创 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 13131 2
原创 vue 启动项目报错Syntax Error: Error: PostCSS received undefined instead of CSS string
因为要开发不同的项目使用不同的node版本,所以就用nvm切换,所以导致了node-sass编译问题。node-sass对于node高版本和低版本切换进行的编译不一样,所以重新依赖一下。启动vue项目然后报错如下图。这个是跟node版本有关系。
2024-07-04 11:28:57 519
原创 a标签实现下载文件
let downloadTag = document.createElement('a') downloadTag.target = '_blank' downloadTag.href = res.data document.body.appendChild(downloadTag) downloadTag.click()
2024-06-25 17:58:02 333
原创 vue配置中的process.env
项目中的.env开头的文件是否知道是干什么的呢。主要是为了区分测试环境还是生产环境。在main.js可以打印一下看看。记得重新启动服务,要不然不生效。
2024-06-24 18:27:36 338
原创 el-tree检查当前节点是否是传入节点的父级或祖先节点
children: [{id: 111, parentId: 1, name: "目录a",},{id: 222, parentId: 1, name: "目录b",}…children: [{id: 333, parentId: 2, name: "目录c",},{id: 444, parentId: 2, name: "目录d",}…简单来说递归就是方法自己调用自己,每次调用时传入不同的变量。实现的效果就是:树形结构选中一个目录后点击收起的时候需要知道当前收起的是不是选中目录的父节点或者是祖先节点。
2024-06-24 18:11:21 296
原创 vue实现左侧拖拽拉伸,展开收起
需求:1.左侧是个树形结构,有的文字过长展示不全,想通过拖拽显示全部的数据。在mounted里面调用就可以了。
2024-05-30 14:43:45 381 3
原创 git clone 克隆代码报错
在拉取代码的时候报这个错误,也看了一下地址是正确的的,网络也正常。我以为是git名字和邮箱没有绑定的原因,结果绑定了还是这个问题,这个时候就只好百度啦,看看大家有什么好的解决方式没 1. 关闭防火墙 ,可是我关闭了还是不可以。因为本地git仓库和gitlab仓库传输项目是需要SSH加密才能传输,所有把公钥加到自己gitlab个人中心的SSH公钥列表里就行了。git 生成公钥,然后再gitlab平台添加公钥。
2024-02-21 16:08:51 379
原创 provide/inject 的用法
provide 可以在父组件以及祖先组件中可以定义方法,而在子组件或者任何后代组件中,我们都可以使用 inject 来接收 provide提供方法。在祖先组件中定义好数据,在后代组件中取,祖先数据如果改变,那就在后代组件中监听该方法。我自己在项目中的用法。
2024-01-18 17:59:05 465
原创 el-tabs 切换之前进行拦截
element文档:before-leave切换标签之前的钩子,若返回 false 或者返回 Promise 且被 reject,则阻止切换。这里有个坑就是直接return false 不生效,用 Promise 的reject的才能阻止。tabs标签页在切换的时候进行提示,点击确定执行,点击取消不切换。
2024-01-18 17:42:14 1846 3
原创 vue上传文件加进度条,fake-progress一起使用
这个进度条主要是假的进度条,他开始加载后一直不会加载到100%,只有在结束的时候才会到100%进度条开始:this.fake.start();进度条结束:this.fake.end();在用到的文件里面引用。
2024-01-11 17:22:08 752
原创 el-upload为什么拖拽不起效果,before-upload不执行
设置的为true,生效了,但是不知道为什么在上传文件的时候不掉取接口正常,调取接口就会上传两遍,一直找不到原因,暂时解决方法: this.$refs["upload"].clearFiles()在调取之前清一下文件,这样就调取一遍了。目前没找到更好的方法,只能先这样。经过排查是因为 auto-upload设置了false,影响到了before-upload不执行,而且http-request也不执行。在做vue后台管理这种项目大部分都会有上传文件的功能,这里用到的是elementUi。
2024-01-11 16:34:50 1295
原创 node管理包工具nvm
nvm就是nodejs的版本管理工具,一个开发可能手里有好几个项目,但是nodejs会出现不兼容的现象,这个时候nvm就排上用场了,可以通过它安装和切换不同的node版本。下载nvm插件,进行安装。
2024-01-02 18:34:08 354
原创 vue实现动画效果一行一行的显示
实现思路:先给要加动画的dom加上class名,在js中通过class获取到到dom,循环在dom添加style动画animationDelay 加上延迟几秒的值。因为年度报告有好几页,只是在某一页加上动画所以先判断是哪页,比如我需要在第三页加动画,所以判断当前页是不是第三页,如果当前在第三页,滑到第二页在返回第三页时不要动画效果,所以还要加判断。在做年度报告总结的时候有这样一个需求,要求页面有加载效果,加载的效果就是图片和文字一行一行的先后显示。
2023-12-29 15:01:03 814
原创 H5移动端使用html2canvas点击按钮生成图片并下载
可以用html2canvas生成canvas,再由canvas生成base64图片。生成好的图片需要保存到手机,因为h5要嵌套在客户端,客户端不支持a标签下载。解决方案:咨询客户端,看客户端提供的文档,调用客户端的api下载.如果客户端支持a标签下载可以用a标签,方法也写在下面代码中。解决方案:可以放大canvas,避免截图模糊。在保存的时候会遇到图片模糊的问题。需求:点击按钮下载当前页的图片。
2023-12-29 12:10:33 784 2
原创 vue v-for获取子组件$ref总是拿到最后一个元素
页面循环列表,把子组件放在循环里面,此处获取this.$refs返回的应该是个数组,但是不知道为什么,一直返回的是循环的最后一个的子组件实列,官网上已经说明v-for返回的就是数组,所以一直很困惑。代码如下:大佬们可以帮忙看看有啥问题,打印出来一直最后一个的子组件实列(返回的是对象)
2023-12-06 17:18:52 740
原创 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 854
原创 对时间进行处理 将时间戳转年月日时分秒 将秒数 转换为 时分秒格式,
写下来做记录//将秒数转换为时分秒格式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 565
原创 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 800
原创 获取最近三天,最近七天的时间
//获取近三天,近七天的时间 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 1007
原创 点击按钮把地址或者文字复制下来
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 2511
原创 表格分页保存复选框状态
用的是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 584
原创 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 268
原创 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 415
原创 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 3242
原创 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 4535
原创 vue $event
在原生事件中,$event是事件对象在自定义事件中,$event是传递过来的数据注意两点1.不使用圆括号,event被自动当作实参传入2.使用圆括号,必须显式的传入event对象,如果不传入可能最终找到的是全局的window .event有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法:<tempalte> ...
2019-07-30 18:26:36 490
原创 怎么通过数组的元素在数组中把它截取出来
可以用数组的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 1471
原创 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 1400
原创 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 6557
原创 elementui表单验证小于300的正整数
alarm_time: [ { required: true, message: "请输入时间", trigger: "blur" }, { validator(rule, value, callback) { if (Number.isInteger(Number(value)) && ...
2019-06-13 14:35:08 2210 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 1049
原创 怎么修改elelment-ui的样式
<template> <div id="box"> </div></template><script>export default { components: { }, props: {}, data() { return { }; }, watch: ...
2019-05-24 14:43:23 1517
原创 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 3250
原创 按日期时间进行排序
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 5346
原创 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 185
原创 字符串查找,不使用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 713 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人