- 博客(31)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 el-table表格点击该行任意位置时也勾选上其前面的复选框
2、定义方法在 `handleRowClick` 方法中，通过修改 `row` 对象中的某个属性来标记该行是否被选中，调用 `toggleRowSelection` 方法来切换多选框的勾选状态。1、在el-table 组件的每一行添加@row-dblclick事件，用于双击点击。需求：当双击表格某一行任意位置时，自动勾选上其前面的复选框。
2024-09-25 19:45:15
541
原创 el-select如何同时获取value和label？
在element ui 中 下拉框默认获取下拉框value的值，但是有时候根据 业务需求，我们需要label值也发送给后端，在这提供一下获取value、和label 的方式。值时使用对象的方式，将value和label同时绑定到。1、在给el-option绑定。
2024-09-03 11:19:07
1324
原创 promise用法（持续完善中.....）
1、返回一个在所有给定的promise已被决议或被拒绝后决议的promise，并带有一个对象数组，每个对象表示对应的promise结果。
2024-07-26 15:50:24
192
原创 el-upload上传文件必填添加校验，限制上传图片格式，大小，比例
在项目我们经常遇到在表单内上传文件必填的场景，在element ui 官网里没有这方面的例子，下面分享一下自己写的代码。
2024-07-10 17:43:35
1668
原创 uniApp @input事件更改输入框值，值改变了但是页面没更新新的值
我想在页面输入值的时候同步更新页面上的数据，但是页面数据没更新,上述方法在pc端可以，但是在移动端上就不行，为啥用v-model不行，但是用:modelValue可以呢，请参考下面文章。
2024-06-17 17:31:08
1822
2
原创 判断区间规则大于、小于、区间 有没有交集
在项目做表格编辑的时候，选择弹框里面的类型，会出现大于、等于、小于三种情况，在点击确定的时候，不能让输入的分数大于分-max,并且输入的类型数值不能有交集的情况。有了思路剩下的就是代码实现的过程，这个时候可不得不想到gpt这个伟大的发明啊，下面贴图gpt给我的代码实现过程，嘻嘻嘻😁。思路：两个区间，两者的最小值中的最大值
2024-05-31 10:38:31
324
原创 elementui 那些遇到的问题呀
1、在父组件调用子组件方法的，现在想关闭el-dialog 弹框，清除编辑器里面的值，结果哦方法走了但是没清空，原代码是这样的。原来在父组件中@closed="formulaclosed" 得把。="formulaclosed" ，试了一下，完美解决！查找了一下element ui plus 官网，发现了。@closed改为@close。
2024-05-14 14:31:02
190
原创 解决vue3中eventBus第一次传参数失败
el-tree点击节点的时候，获取nodedata值，在第一次传给兄弟组件的时候没传过来，看了一下代码里面用到了eventBus,搜了一下eventBus在第一次传值的时候有这个bug！兄弟组件A(发射方)（重点在代码里面添加await nextTick()）只要在获取dom的时候同步更新就行。再次打印控制台的时候，有值了！兄弟组件B（接收方）
2024-05-08 19:49:37
365
2
原创 el-tree 父节点只有一个子节点时，用getCheckedNodes方法选择的值父节点和子节点值都有
看了一下代码，运用到了getCheckedNodes([leafOnly,includeHalfChecked]) 方法， leafOnly:表示是否只返回叶子节点的数据，默认值为false,includeHalfChecked表示是否包含半选中状态的节点。在做项目时，遇到了一个特殊问题，在选择左侧指标树的时候，如果父节点有多个子节点，选择后右侧显示内容出现一个子节点的值是没问题的，如图所示。但是选择一个父节点只有一个子节点的时候，父节点的值和子节点的值却都出现了右侧，如图。
2024-05-08 19:32:19
1266
转载 [js] 得到本月、上月、下月的起始、结束日期； 得到今年、去年、明年的开始、结束日期
@param {Number} months 不传或0代表本月，-1代表上月，1代表下月。* @param {Number} dates 不传或0代表今年，-1代表去年，1代表明年。* @param {String} type 有两种选择，"s"代表开始,"e"代表结束。* @param {String} type 有两种选择，"s"代表开始,"e"代表结束。..................
2022-08-11 16:35:19
1318
转载 微信签约在部分安卓手机返回404/403
最近做了一个先签约后支付的项目，一直都很顺利，没有bug反馈。但是，前几天测试给我提了一个bug说微信签约完成后出现了页面403/404状态，咦？我试了一下ios手机流程完全没有问题，但是安卓手机签约完成后没有直接跳到我的支付页面，而是直接403了，微信签约大部分都是后台的逻辑多，前端基本上是跳页面，生成业务订单之后，后台会返回一个url，我们只需要跳转到这个url即可。至于签约付款成功后返回我们页面，这些都是微信做好的。签约文档见下面的链接：https://pay.weixin.qq.com/w
2021-09-22 10:16:09
848
原创 h5页面跳转微信小程序页面
// 判断环境是否在微信小程序里function isMiniProgram(){ var ua = navigator.userAgent.toLowerCase(); var envType='#'; if(ua.match(/MicroMessenger/i) == 'micromessenger'){ //微信环境 wx.miniProgram.getEnv(function(res) { if (res.miniprogram) ...
2020-06-10 17:26:22
719
转载 移动端点击返回键，页面不刷新解决方案
在浏览器中点击返回或者前进按钮时，页面不刷新的问题。如果是移动端下，可能有两种情况：第一种是在自己的app下点击返回的时候页面不刷新，这有可能是你们原生开发人员，只是关闭了当前的一个窗口，也就是说那个窗口是新开的。这种解决方案，老夫只能说找你们的原生开发吧。第二种则是在微信、uc这类的浏览器出现，这是因为浏览器保存了DOM和js的状态，相当于保存了整个页面，这种特性称作 “往返缓存”（back-forward cache，或bfcache）。对于这种情况可以用“pageshow”事件来解决，“p
2020-05-26 09:55:32
2435
原创 javascript中防止重复点击、防止点击过快实用方法
防止重复点击可以添加一个开关,让这个开关默认为true，第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true，为true执行,false不执行。例子如下：var isclick= true;function click(){if(isclick){ isclick = false;//下面添加需要执行的事件......
2020-02-15 13:25:54
510
原创 移动端调试神器vConsole
在我们做移动端页面时，在手机上查看出现问题的时候，需要连接电脑特币麻烦，现在给大家介绍一种方法，可以查看日志，网络，页面，Resources等使用方法多页面应用在每个页面<script src="path/to/vconsole.min.js"></script><script> // init vConsole var vCon...
2020-01-16 11:03:12
293
原创 MAC终端常用命令大全
clear 清空屏幕的内容percent work directarypwd查看我们所在的目录（位置），刚打开终端的时候，默认在用户目录下。list showls显示当前目录下的文件内容ls 可以和路径配合使用，用于显示路径下的内容ls后面如果什么都不加，默认显示当前目录下的内容。ls /显示跟目录下的内容cd - 回到上一个目录cd ~回到...
2020-01-15 15:21:04
389
原创 vue搭建项目的步骤详解
1.项目环境搭建安装node.js官网下载nodejs官方网站：https://nodejs.org/en/具体详细安装过程，大家不懂的可以百度一下，node.js自带npm包管理工具，使用npm可以使用安装项目中的组件，终端输入命令行，可以检查node版本node --version安装vue-cli 脚手架工具npm install -g vue-cli...
2020-01-15 14:34:42
261
原创 vue报错集锦
在启动vue中，会出现各种错误，下面一些是我在遇到的错误1.我百度了一下，刚开始以为权限不够，sudo npm run dev 试了一下还是不行，后来尝试了好几次方法，结果是占用端口，我打开switchHost一看确实是打开了另一个项目的端口，于是打开自己 的默认，npm run dev 一下，结果完美！...
2020-01-13 10:23:44
241
原创 ios input 添加 readonly unselectable="on" 属性，光标依旧还在，怎么清除光标
<input type="text" readonly unselectable="on" value="点我啊"/>ios中 点击input依旧有光标，但是安卓机正常2.<input type="text" readonly unselectable="on" οnfοcus="this.blur()" value="点我啊"/>加上οnfοcus=...
2019-12-23 10:56:40
372
原创 移动ios端position:fixed环境下input获取焦点软键盘弹出光标错位
最近做页面，遇到了一个bug,就是移动ios端position:fixed环境下input获取焦点软键盘弹出光标错位的问题，至于为啥出现这样的问题，原因我在这就不阐述了，下面贡献一下解决方法//光标错位$(document).on("focus",".phoneInput",function(){ var top = document.body.scrollTop; $...
2019-11-28 17:00:57
516
原创 IOS中select、input失焦后，页面上移，点击不了解决办法
$(function () { var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isIOS) { document...
2019-11-22 17:53:18
617
原创 input移动端type=''number''不生效
在做项目中偶然发现在苹果手机 input=“number”不兼容，产品硬要求要调起数字键盘，只能输入数字，下面是我的解决方法<input type="number" value="" pattern="[0-9]*" onBlur="checkOnValChangedLR(this);" onkeyup="this.value=this.value.replace(/[, ]/g...
2019-11-22 17:03:35
3948
转载 replace限制文本框只能输入数字，数字和字母等的正则表达式
1.1.文本框只能输入数字代码(小数点也不能输入)<inputοnkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input οnkeyup="if(isNaN(value))e...
2019-11-22 16:52:44
551
原创 针对iphone11适配
if($(window).width() === 414 && $(window).height() === 808 && window.devicePixelRatio === 2){ $(".phonex-pb").css("padding-bottom","34px");}
2019-11-20 17:15:06
308
原创 微信图片点击，图片放大
在做微信页面时，不管用的背景图还是是<img src="....data.png" class="imgW" />,点击该图片，图片在安卓上会放大，为了解决这个问题，只需要在css内添加.imgW:{pointer-events: none;}这个代码即可，如果需要加入链接，只需要在.imgW添加父级标签即可，比如<p onclick="clickImg()"><im...
2018-06-14 16:55:15
2773
原创 AJAX调接口出现 JQuery报错Uncaught TypeError: Illegal invocation
在调接口的时候，出现了图错误，找了好久才找到原因，总结如下：1.参数错误，后台给的参数和前台的参数不一致，或者前台自己写的参数有误，没给后台2.请求类型有误，比如后台给的请求方式为post，前台写的是get...
2018-06-14 16:43:56
483
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人