- 博客(25)
- 收藏
- 关注
原创 移动端表格中使用input时type=number不生效
问题: 使用el-table和u-input组件做表格输入框时,需要对输入值做数字和小数校验,一开始想着使用type=number,可设置后移动端不兼容,故采input事件来校验,顺便记录一下动态列表格如何处理校验。
2023-06-14 17:07:01
1151
转载 el-form this.$refs[formName].resetFields()校验无效
el-form this.$refs[formName].resetFields()校验无效
2022-10-27 11:45:15
654
原创 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
5789
转载 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
656
转载 el-table多选回显使用toggleRowSelection被动触发selection-change事件导致选择数据重复问题
场景:编辑团队不能回显添加团队选择的多条用户数据,需要手动触发el-table的toggleRowSelection事件,但是出现了一个坑,每次回显时都会被动触发@selection-change事件导致多选数据重复,百度一番后找到解决方案 data中定义开关变量 rowSelectFlag:false // 禁止开关 //回显的时候默认选中 showCheck() { setTimeout(() => { this.rowSelectFlag = tr
2022-03-17 22:29:44
8189
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
1093
转载 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
115
原创 el-form-item prop属性动态绑定不生效
做项目时表单有一项需要有条件展示是否校验,于是首先就想到prop动态绑定,如下但是试了好几遍都不生效,最后改成rules动态绑定校验就OK了
2021-07-30 14:56:11
3448
原创 uni-app使用扩展组件遇到的问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-06-21 17:29:22
1080
原创 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
321
转载 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
151
原创 深拷贝的两种方式
深拷贝的两种方式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
126
转载 element-ui upload 自定义http-request FormData 使用时遇到的坑
https://blog.youkuaiyun.com/a001451/article/details/106836143
2020-11-27 13:36:19
1540
转载 vue中使用vue-quill-editor富文本编辑器及自定义工具栏
https://blog.youkuaiyun.com/m0_37903882/article/details/101680568
2020-10-30 16:26:58
467
转载 时间格式2020-09-29T18:02:02.000Z转换为“年月日时分秒“
https://blog.youkuaiyun.com/qq_43327305/article/details/108731837
2020-10-22 18:20:58
2434
转载 el-date-picker日期问题
https://blog.youkuaiyun.com/qq_42178085/article/details/100932353
2020-10-22 11:23:01
223
原创 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
5409
原创 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
436
原创 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
33791
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
117
原创 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
758
原创 main.js中的Vue.config.productionTip = false
开发模式:npm run serve/dev是处于开发阶段,前端人员自己看的生产模式:npm run build 是打包之后给后端放在服务端上用的Vue.config.productionTip = false意思是当前处于开发阶段,无需显示生产模式提示的信息,若不设置,浏览器会做出如下提示...
2020-02-21 18:34:11
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人