自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 移动端表格中使用input时type=number不生效

问题: 使用el-table和u-input组件做表格输入框时,需要对输入值做数字和小数校验,一开始想着使用type=number,可设置后移动端不兼容,故采input事件来校验,顺便记录一下动态列表格如何处理校验。

2023-06-14 17:07:01 707

原创 uniapp web-view app和h5相互通信

uniapp web-view app和h5相互通信

2023-03-09 15:17:07 2094 6

转载 el-form this.$refs[formName].resetFields()校验无效

el-form this.$refs[formName].resetFields()校验无效

2022-10-27 11:45:15 537

原创 批量删除git分支

git批量删除分支

2022-07-02 19:10:32 1902

转载 启动vue项目npm run dev 报错

node版本过高导致 npm run dev 报错

2022-07-02 18:30:18 319

原创 el-cascader的getCheckedNodes获取值为空

描述:在表格中动态插入行时,每行中的el-cascader触发change事件时获取节点getCheckedNodes为空,原以为是dom节点未及时更新,使用$nextTick可解决问题,但发现并未起作用表格添加多条时el-cascader的change事件只有最后条getCheckedNodes能获取到数据,想到用this.refs["cascader"][index].getCheckedNodes()去解决,可是发现this.refs["cascader"][index].getCheckedNo

2022-04-12 23:37:21 5383

转载 el-switch切换时最好用input事件

场景:开关按钮保持跟后端同步#html<el-table-column label="状态" align="center" prop="state" show-overflow-tooltip> <template slot-scope="scope"> <el-switch :value="scope.row.state" @input="handleSwitch(scope.row)"> </el-switch&

2022-04-01 16:14:30 559

转载 el-table多选回显使用toggleRowSelection被动触发selection-change事件导致选择数据重复问题

场景:编辑团队不能回显添加团队选择的多条用户数据,需要手动触发el-table的toggleRowSelection事件,但是出现了一个坑,每次回显时都会被动触发@selection-change事件导致多选数据重复,百度一番后找到解决方案 data中定义开关变量 rowSelectFlag:false // 禁止开关 //回显的时候默认选中 showCheck() { setTimeout(() => { this.rowSelectFlag = tr

2022-03-17 22:29:44 7199 4

转载 git push时出现 fetal:unable to access “https://github.com/...“错误

出现原因:居家办公VPN不小心断联没发现,推送代码到远程报错,百度一番查,找到解决方案,git终端依次执行如下命令后解决问题!git config --global --unset http.proxy #取消http代理git config --global --unset https.proxy #取消https代理...

2022-03-17 18:10:31 993

转载 js数组对象去重

1. /** * * @param {Arry} arr 需去重数组 * @param {String} code 根据特有属性去重 * @returns */ deleteObj(arr, code) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) {

2022-03-15 10:25:21 85

原创 el-form-item prop属性动态绑定不生效

做项目时表单有一项需要有条件展示是否校验,于是首先就想到prop动态绑定,如下但是试了好几遍都不生效,最后改成rules动态绑定校验就OK了

2021-07-30 14:56:11 3122

原创 uni-app使用扩展组件遇到的问题

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-06-21 17:29:22 958

原创 const定义简单数据类型修改会报错,而复杂数据类型则不会

const定义简单数据类型修改会报错,而复杂数据类型则不会 const str = 'zs' str = 'ls' console.log(str); const str = {name:'zs'} str.name = 'ls' console.log(str);const str = ['zs']str[0] = 'ls'console.log(str);

2021-06-01 10:13:49 266

转载 js中打乱数组

js中打乱数组临时记下别人优秀的方法 function randomsort(a, b) { return Math.random() > .5 ? -1 : 1; //用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1 } let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.sort(randomsort) console.log(arr.sort(randomsort));

2021-03-16 17:15:50 75

原创 深拷贝的两种方式

深拷贝的两种方式JSON.parse(JSON.stringify(arr))弊端:无法拷贝NaN,undefined,Symbol数据类型根据子项类型做判断function deepCopy(newObj,oldObj){//1.先循环对象for(let k in oldObj){ //2.先判断子项是否属于数组(这一步一定要放在Object之前判断,因为数组类型也是Object) if(oldObj[k] instanceof Array){ newObj[k] = []

2021-03-14 23:38:00 75

转载 element-ui upload 自定义http-request FormData 使用时遇到的坑

https://blog.csdn.net/a001451/article/details/106836143

2020-11-27 13:36:19 1471

转载 vue中使用vue-quill-editor富文本编辑器及自定义工具栏

https://blog.csdn.net/m0_37903882/article/details/101680568

2020-10-30 16:26:58 408

转载 时间格式2020-09-29T18:02:02.000Z转换为“年月日时分秒“

https://blog.csdn.net/qq_43327305/article/details/108731837

2020-10-22 18:20:58 2341

转载 el-date-picker日期问题

https://blog.csdn.net/qq_42178085/article/details/100932353

2020-10-22 11:23:01 156

原创 vscode代码格式化换行问题

vscode格式化插件固然好用,但是也出现了一些弊端,写代码时标签的属性自动换行,于是给页面的排版带来了问题,下面是解决的方案:vscode点击左上角找到首选项–>设置–>搜索vetur更改下面配置即可// prettier在vetur的配置: "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typ=script",

2020-09-29 14:23:02 5290

原创 vscode注释插件koroFileHeader

vscode介绍一款好玩好用的注释插件koroFileHeader文件头部添加注释:快捷键:window:ctrl+alt+i,mac:ctrl+cmd+i, linux: ctrl+meta+i在光标处添加函数注释:快捷键:window:ctrl+alt+t,mac:ctrl+cmd+t,linux: ctrl+meta+t头部添加永无bug保护图案:快捷键:Ctrl+shift+p–>输入codeD会出现很多图案...

2020-09-28 15:05:40 370

原创 Response to preflight request doesn‘t pass access control check: It does not have HTTP ok status.

这个问题整整耗了我将近一天的时间,原以为是跨域问题,前后端都对跨域做了处理但是没用,没想到调后端接口时会发送两次请求,一次是options ,options通过后再发送get或者post请求,在一开始后端只对请求做了一次拦截,导致前端发送请求时后端只能接收到options请求,并且无token存在,最终解决方法是后端对options做了处理,检测到是option请求时直接放行,然后就ok啦...

2020-07-23 17:31:43 33612 10

原创 vue路由params和query传参区别

params和query传参方式<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...

2020-03-02 23:40:38 83

原创 OA系统登录权限管理

OA后台登录权限管理demo,仅限小公司使用<body> <div id="app"> <router-link to="/home">首页</router-link> <router-link to="/blog">博客</router-link> <router-view...

2020-02-27 14:58:27 704

原创 main.js中的Vue.config.productionTip = false

开发模式:npm run serve/dev是处于开发阶段,前端人员自己看的生产模式:npm run build 是打包之后给后端放在服务端上用的Vue.config.productionTip = false意思是当前处于开发阶段,无需显示生产模式提示的信息,若不设置,浏览器会做出如下提示...

2020-02-21 18:34:11 287

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除