- 博客(24)
- 收藏
- 关注
RSS订阅原创 前端blob下载文件
在一个项目中, 需要下载excel, pdf, word, zip等数据模板, 而后端返回的是一个文件流, 前端就需要使用blob来下载1.首先要在接口中添加 responseType: ‘blob’,// 模板下载export function downLoadModule(url,params = {}) { return request({ url: url, method: 'get', responseType: 'blob',
2021-09-18 10:58:13
4273
2
原创 process.env.npm_config_argv未找到,项目无法运行
在项目中,运行报错, 实际上是process.env.npm_config_argv未找到,是undefined, 百度找了好多,发现是npm的问题,npm7会出现这个问题解决方法: npm install npm@6.14 -g 把npm从npm7.x降级为npm6.x
2021-09-16 13:52:13
3077
原创 Error in event handler for “el.form.change“: “TypeError: value.getTime is not a function“
在使用el-date-picker时有这样的报错: Error in event handler for “el.form.change”: “TypeError: value.getTime is not a function”这种情况是: elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format="yyyy-MM-dd"和校验规则{ type: ‘date’, required: true, message: ‘请选择
2021-09-03 10:10:43
1760
原创 avue 上传图片无法回显
在最近的项目中, 使用了avue2.6.1版本的上传图片组件, 只需要上传一个图片,遇到了一些问题, 记录一下解决方法, 配置如下:{ label: '封面图片', prop: 'coverPic', type: 'upload', hide:true, row: true, loadText: '附件上传中，请稍等', listType: "picture-img", limi
2021-08-18 15:28:37
4769
原创 POST提交数据失败, 数据太长, new FormData()封装成表单数据
在项目中有一个表单提交, 把所有的参数放在一个params对象中, 因为其中一个参数handleComment的值太长, 会提交失败, 通过new FormData() 把要传的参数封装成表单数据, 就可以解决了const params = { handleMode:'1,2', handleComment: '处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果
2021-07-30 10:23:33
817
1
原创 el-dialog 层级出现问题
最近在项目中用到el-dialog, 出现了层级问题, 弹框的z-index是比遮罩层的大, 但是遮罩层却显示在弹框上层 , 如下图:解决方法: 在el-dialog中加上append-to-body<el-dialog title="请确认删除" :visible.sync="dialogRiskPerVisible" append-to-body> <el-row> <el-col :span="24"> <
2021-07-21 17:32:02
5197
4
原创 el-tree设置、取消选中状态（高亮）
在一个项目中, 有一个需求: 点击一个表格的每一行, 动态设置树节点的选中状态设置节点的选中状态可以直接使用setCurrentKey方法, 根据node-key设置this.$refs.tree.setCurrentKey(2);如果要取消选中状态,只需要设置成null就可以this.$refs.tree.setCurrentKey(null);在做取消选中状态时, 原本是使用原生js来移除选中状态的class, 然后报错: Uncaught TypeError: Cannot read p
2021-07-12 16:37:51
15590
6
原创 elementui el-tree组件使用@check-change事件多次触发
在一个项目中,有这样一个需求: 现在有一个table表格,一个el-tree树,下拉选择框, 表格中有一些默认数据, 当下拉选择类型后,可以勾选对应tree的子节点,勾选或取消勾选,动态展示在table表格中遇到的问题:使用@check-change时, 点击节点时,会多次触发, 勾选时,虽然会多次触发@check-change,但还是可以正常添加数据然而, 在取消勾选时, 如果点击的是叶子节点, 因为多次触发@check-change, 执行数组删除操作时,就会把这个分类下所有的数据都删掉, 很明显
2021-06-28 19:21:03
13529
1
原创 webstorm快捷键不起作用的解决方法
快捷键不起作用的原因是：和您安装的程序的快捷键发生了冲突。比如我的是搜狗输入法。我使用的是webstorm的全局查找：ctrl+shift+F快捷键不起作用。查看搜狗输入法的快捷键设置。把输入法中冲突的快捷键修改成其它的，webstorm的Ctrl + Shift + F快捷键就可以正常使用了...
2021-06-21 16:57:56
2660
原创 添加gitbash到鼠标右键
window10在git安装完成之后,鼠标右键未显示Git Bash,解决方式如下:1.按下 win+R键，弹出下图，并输入regedit命令，按下回车打开注册表。2.找到并点击HKEY_CLASSES_ROOT\Directory\Background，在该目录下找到shell目录；3.在shell下新建【项】，名字命名为：Git Bash Here4.在GitBashHere下新建【字符串】，名字命名为：Icon，数值数据：C:\Program Files\Git\mingw64\share\g
2021-05-17 17:52:24
1357
原创 js两个数组去除相同的项
let arr1 = [{id:1,'name':'哈哈'},{id:22,'name':'哈哈'},{id:3,'name':'哈哈'},{id:4,'name':'哈哈'}] let arr2 = [{id:1,'name':'哈哈'},{id:2,'name':'哈哈'},{id:3,'name':'哈哈'},{id:4,'name':'哈哈'}] function main(arr1,arr2) { for(let...
2021-02-22 19:08:04
1496
原创 v-for和v-if想一起使用怎么处理
在项目中，需要使用v-for循环出多个el-col，同时要使用v-if，此时，编辑器会报错，提示不能同时使用v-for和v-if， 要想同时使用，只需要在外面用包裹，把v-for放在template标签中就可以了<el-form class="diy-form" label-width="80px" :model="modelName" ref="refName"> <el-row type="flex" :justify="sortTypes" style="flex-wrap:
2021-01-28 17:38:52
1850
1
原创 vue中多组件调用js，实现上下分屏，上下拖动
在vue后台项目中需要实现上下分屏拖动功能，分别放置不同表格进行对比：下面直接上代码公共js文件splitScreen.js内容：class DragController{ constructor(splitDragObj){ this.splitDragResize = splitDragObj.splitDragResize; // 上下分屏拖动 中间的div的id this.splitDragTop = splitDragObj.splitDragTop;
2021-01-22 11:35:41
1729
1
原创 elementUI中el-row超出一行时，使用justify
在vue项目中使用el-row布局时，如果el-col个数之和超过24之后，如果不用justify进行布局，那么会自动换行，否则，就会变成下面的效果：如果想要使用justify进行布局，就需要在el-row上添加style=“flex-wrap: wrap; flex-direction: row”，就可以解决，效果如下：...
2021-01-22 11:03:47
14580
1
原创 elementUIel-input和el-select宽度不一样
在vue项目中，使用了element组件的 el-input 和 el-select组件,设置了相同的宽度，但是宽度显示不一样,给el-select添加style=“width:100%” ，就可以解决没加样式之前的效果：添加样式：没加样式之后的效果：...
2021-01-22 10:46:19
2507
1
原创 webstorm配置babel，sass,Yui
···配置sass:Name: Sassprogram: sassArguments:–no-cache --update FileNameFileNameFileName:FileNameWithoutExtensionFileNameWithoutExtensionFileNameWithoutExtension.cssoutput paths to refresh : FileNameWithoutExtensionFileNameWithoutExtensionFileNameWith
2020-10-13 17:08:23
190
原创 前端css,js问题解决方式
1.解决input number类型上下滚动 禁用滚轮事件去掉input在type="number"时的上下箭头 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:textfield; } input[type="number"]{ -moz-appearance:textfield; }2.禁用input数字
2020-09-18 23:52:42
1399
1
原创 解决Vue入口文件index.html缓存问题
之前每次发版vue后台管理系统的时候，总是要强制刷浏览器才能生效，现在总算解决这个问题了。vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。但是把打包好的index.html放到服务器里去的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html解决方法如下： 前端在index.html中添加： <meta http-equiv="Expires" content="
2020-09-18 15:53:15
7231
原创 移动端横向导航条点击一个栏目滑动到屏幕中间
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*-webkit-overflow-scrolling: touch;*/ .tab-head::-webkit-scrollbar{ display: none; } *{ ma
2020-08-21 17:27:16
802
原创 js字符串拼接变量名及赋值
#eval方法多个变量赋值let linkage1 = { "name" : 'sasigei', "type ": 1, "link1B" : '哈喽', "link1C" : '你好',}let linkage2 = { "name" : 'sasigei', "type ": 2, "link2B" : '哈哈', "link2C" : 'nice',}function changes(n){ console.log(eval('linkage' + n).name=
2020-08-20 17:10:32
2029
原创 video播放Uncaught (in promise) AbortError: The play() request was interrupted by a call to pause()
1.控制台报错： Uncaught (in promise) AbortError: The play() request was interrupted by a call to pause()执行了play()方法以后立即执行了pause()方法，所以你让video暂停150毫秒之后再播放就不会报错了if(video.paused || video.ended){setTimeout(() => {video.play();}, 200)}else{video.pause();}
2020-08-08 16:59:26
6902
原创 阻止ios播放视频自动全屏
1.js监听视频全屏事件webkitfullscreenchange<video class="playerVideo" playsinline="true" webkit-playsinline="true"> //视频缩放,ios播放视频不会全屏let flag = false; //是否进入全屏，默认未进入document.addEventListener("webkitfullscreenchange", function (e) { if ($('.playerVi
2020-08-05 16:05:16
2120
原创 swiper中子元素固定定位失效,尤其是安卓
1.在项目中的swiper中添加视频,要求页面滚动时,视频固定在屏幕右边中间位置2.swiper中的子元素的固定定位受到父元素的transform属性影响3.在网上找了很多答案,都是说把要固定定位的元素的父元素的transform设置成none4.开始时,只是把.swiper-wrapper的transform设置成none,结果:ios的swiper中子元素的固定定位已经起作用了,然而,安卓上却死活出不来,经过仔细查找,找到了这个.swiper-wrapper中的.swiper-slide也有tr
2020-08-05 15:55:45
1295
原创 IOS H5页面修改键盘回车键为搜索
在IOS中，将Input 的type设置为search 后，键盘回车键上的文字是换行，需求是回车键文字是”搜索“。解决办法：给input外套一个form,并且加个空的”action“.<form action=""> <input type="search"/></form>...
2020-06-29 10:17:57
1845
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人