- 博客(24)
- 收藏
- 关注
原创 【vue2】element ui input全局默认去除前后空格
element ui — el-input 去除输入value值的空格,最好是双管齐下。页面组件:v-model加上.trim,可以去除输入的空格,全局去除复制文本的空格。
2023-10-31 11:41:52 2074
原创 按钮(button)在disabled状态下,无法阻止事件冒泡
不知道大家遇到过这个问题没,本来button是有点击事件的,做了事件冒泡,但是按钮设为禁用(disabled)的状态时,事件冒泡不起作用了,会触发外层的点击事件,搜索无果。自己创造了解决办法,在按钮外层套一个div,并加一个没有任何操作的事件,完美阻止冒泡。
2023-06-30 10:20:48 569
原创 JavaScript 前端生成指定长度指定范围的随机数组
因业务需要,项目暂无真实数据,本来用的是mock数据,但mock生成的数据不太真实,领导要求手动生成有具体单位名称的数据,单位名称数据库里倒是有,但是数据一个一个手动编不太现实,于是找到了这个办法,生成一百条500-5000的数据,再写个函数组成新的对象数组代码如下:...
2022-06-15 10:09:32 834
原创 树形结构数据扁平化函数
flatFn(source){ source.forEach(el=>{ this.flatArr.push(el) el.children && el.children.length>0 ? this.flatFn(el.children) : "" // 子级递归 }) },
2021-11-24 14:43:44 572
原创 ts学习记录
开始学习TS的第一天,根据技术胖的教程操作,第一步就遇到了问题function zou() { let web: string = 'Hello World'; console.log(web);}zou();编译报错console.log报错,一番百度,最后发现需要安装了这个,就可以成功编译了npm install @types/node --save-dev打印出了hello world...
2021-11-11 13:43:33 708
原创 递归实现对象数组属性名的替换
const packages = [{ id: '641a1690-6c8b-4ada-ae97-8d82cc4fe7a3', name: 'com.sample', children: { id: 'd7384f60-e4ab-4a86-8e2e-0f66cc32f', name: 'child.computer.com', children: { id: 'e4ab-4a86-0f66cc32f560', name: 'child.com' }}}, { id: 'd7384f60-e4ab-4a86-
2021-10-25 10:31:01 691
原创 2021-10-11 一起来学习Nginx吧!
官方介绍:“Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。”Nginx的优点支持海量高并发:采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接,实际生产环境中可以支撑2-4万并发连接数。内存消耗少:在主流的服务器中Nginx目前是内存消耗最小的了,比如我们用Nginx+PHP,在3万并发链接下,开启10个Nginx进程消耗150M内存。免费使用可以商业化:Nginx为开源软件,采用的是2
2021-10-13 10:50:18 756
原创 el-tree 子节点全部选中时,只获取父节点
问题:如果子节点也全部算上的话请求参数过长当子节点全选时只传父节点// 获取父节点的方法 getSimpleCheckedNodes(store) { const checkedNodes = []; const traverse = function(node) { const childNodes = node.root ? node.root.childNodes : node.childNodes; childNodes.forEa
2021-09-25 18:32:22 2845 13
原创 2021-09-24 你不知道的JavaScript--‘with’ is not allowed in strict mode
最近在做一个关于金额单位切换的功能,由于金额比较大,需要元和万元切换本来想直接这么干,领导说这样计算出来的结果不准确,让我看看浮点数计算的精度问题然后百度了一下找到了这个方法但是、结果编译器报错:‘with’ is not allowed in strict mode.原因:由于js在严格模式下不允许使用with关键字!分析:with语句的作用是将代码的作用域设置到一个特定的作用域中解决方案://除法函数,用来得到精确的除法结果//说明:javascript的除法结果会有误差,在两个
2021-09-24 16:28:30 530 2
原创 修改element ui select组件样式遇到的坑
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-08-18 16:41:07 1003
原创 el-input组件自动聚焦(autofocus)事件失效
问题描述:提示:vue项目中,element ui el-input组件自动聚焦(autofocus)事件失效原因是input元素外部有其他元素 <el-input placeholder="请输入搜索内容" ref="searchBox" ></el-input> created() { this.getList() this.$nextTick(() => { this.$refs.searchBox.focus() })
2021-03-04 19:39:50 3994 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人