- 博客(55)
- 收藏
- 关注
RSS订阅原创 Vue3 解决中文输入法下 Select 组件扫码枪输入问题
在 Vue3 中使用 Element Plus 的 Select 组件时，中文输入法模式下扫码枪输入内容无法正确添加到选项中。增加@keydown="handleKeyDown"方法。
2025-05-27 10:35:50
197
原创 Vue3使用vue-count-to数字滚动模块报错解决方案
4.删除package.json内的 "vue-count-to": "^1.0.13"3.将src里的三个文件复制到我们的根目录src下的components文件夹内。1.我们去node_modules里面找到vue-count-to目录。5.然后重启项目，按照vue-count-to正常用法使用即可。2.打开vue-count-to目录里面的src目录。使用vue-count-to出现报错的问题。这个错误信息具体是说没读取到_c的属性。小伙伴们是不是遇到了。
2025-01-15 17:41:19
777
原创 element plus中的上传 限制上传一张图片,超出隐藏上传按钮
背景：elementui中的上传组件想限制，只上传一张图片，文档里面有一个limit属性可控制最大允许上传的个数，但是上传了一张之后仍然有继续上传的操作。解决办法：上传一张成功之后，通过样式控制上传按钮的隐藏，删除上传的文件之后，再让上传按钮出现。主要代码：:class="{ hide: item.hideUpload }"定义变量hideUpload控制显示与隐藏。在上传和删除回调方法中控制变量。
2024-10-30 16:43:24
895
原创 前端css文本超出隐藏或显示省略号的多种方式
css就隐藏并且显示省略号是在开发网页时很常见的需求，比如在列表或者页面展示中，当所展示的文本内容过长时，超出显示区域；再例如，当所展示的文本内容过长时，需要截取部分内容展示，剩下文字由省略号展示，并给出鼠标经过完整提示。
2024-10-10 11:15:45
2209
原创 Error: Row is required when get row identity
生成表格时，控制台报错：“Error: row is required when get row identity”使用Element中的。
2024-08-14 14:32:03
953
原创 JS获取地址栏参数的方法（原生、vue）
若地址栏URL为：code-nav/article/917?type=12&title=abc，我们要获取到地址栏后面的的type和title参数，如何才能拿到呢？
2024-07-18 10:13:06
439
原创 【vue】正则表达式限制input的输入：
15、小数点后只能有最多两位(数字、字母、中文都可输入)：/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"://[^\\s/$.?4、只能输入小写字母、数字、下划线：/[^\u4e00-\u9fa5]/g。7、只能输入中文、数字、英文：/[^\w\u4E00-\u9FA5]/g。12、只能输入英文字母和数字，不能输入中文：/[^\w\.\/]/ig。2、只能输入小写字母、数字、下划线：/[^a-z0-9_]/g。1、只能输入大小写字母、数字、下划线：/[^\w_]/g。
2024-07-04 10:26:17
703
原创 VUE项目安全漏洞扫描和修复
它是通过分析 package-lock.json 文件，继而扫描我们的包分析是否包含漏洞的。3、npm audit命令将项目中配置的依赖项的描述提交到默认注册中心，并要求提供已知漏洞的报告。如果发现任何漏洞，则将计算影响和适当的补救措施。1、npm audit是npm 6 新增的一个命令,可以允许开发人员分析复杂的代码并查明特定的漏洞。4、启动服务，不出意外的话，vue.config.js 的配置会有报错。1.扫描你的项目的漏洞，只显示细节，不修复任何东西。如果没有发现漏洞，该命令将以0退出。
2024-06-27 14:43:48
1439
原创 【vue】form表单提交validate验证不进valid原因
3.中要写成:model，不能使用v-model。4.自定义的validate要各个路径均能返回callback()。1.是否写了ref=“form”。2.是否有其它标签写了ref=“form”。
2024-06-20 15:34:36
1001
原创 Vue3 - Element Plus 组件库让 [el-radio 单选框] 与 [el-checkbox 复选框] 由 “横向排列“ 改为 “纵向排列“ 显示（将单选框/多选框设置为纵向排列效果）
解决方法：style="display: flex;flex-direction: column" , 单选框el-radio同理。
2024-05-29 17:59:02
577
原创 vue3+elementPlus table里添加输入框并提交校验
【代码】vue3+elementPlus table里添加输入框并提交校验。
2024-05-27 16:55:40
1007
1
原创 ElementPlus Steps步骤条插槽自定义 v-slot:title v-slot:description v-slot:icon
你想扩展的内容
2024-05-24 17:06:09
1226
原创 JS实现两个数组对象，重复的属性覆盖，不重复的添加
{ id: 1, name: '蓝莓', price: 10 },{ id: 2, name: '樱桃', price: 35 },{ id: 3, name: '葡萄', price: 10 },{ id: 4, name: '西瓜', price: 35 },
2024-05-24 17:01:19
1009
原创 【vue3+elementuiplus】el-select下拉框会自动触发校验规则
在关闭弹层事件中，我做了resetfileds，resetfileds置空form表单，其实本质上也是一种改变select的操作，故而触发了select的change事件，在第二次打开新增弹层时，select的值为“ ”，所以才会触发表单校验规则。因此，我在el-dialog上面加了销毁属性，当dialog关闭后，整个组件就被销毁，打开新增弹层时已经是一个新dom，就不会出现bug了。
2024-05-22 17:31:43
1510
原创 elementPlus form中多项select选过的数据限制校验
【代码】elementPlus form中多项select选过的数据限制校验。
2024-05-16 16:00:26
442
原创 JS如何判断数组中是否存在某个值或者某个对象的属性值
数组的索引开始位置是从 0 开始的。some() 方法的返回值是一个布尔值，如果数组中至少有一个元素满足条件，则返回 true，剩余的元素不会再执行检测，所有元素都不满足条件时才返回 false。当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
2024-05-16 15:52:05
4384
原创 vue3 element-plus表单form验证规则设置的require:true无效
【代码】vue3 element-plus表单form验证规则设置的require:true无效。
2024-05-08 10:46:54
618
原创 ElementPlus table嵌套 el-input每次只能输入一个字母就是去焦点
解决：row-key 绑定的属性更换成id（原先绑定的是可编辑的transactionCode），由于transactionCode是输入框绑定的v-model对象，可变。问题环境：el-table的数据是动态追加出来的。如下图，此处需要可编辑，故采用。写法来替换（prop属性键写法）
2024-04-26 14:00:47
690
原创 ElementPlusError: [ElOnlyChild] no valid child node found
的popover弹出框，一直报警告ElementPlusError: [ElOnlyChild] no valid child node found。解决方法一：在存在 if 等判断条件的元素外套一层元素，如下图套解决方法二:将 if 等判断放在popover上，如下图。
2024-04-26 12:09:42
4678
2
原创 js判断当前时间是否在指定范围内
分别为当前时间、开始时间、结束时间，通过比对当前时间是否在开始时间和结束时间之间，来判断是否在一个时间区间内。上面方法也可以构造成传递两个参数，这样就可以判断某个日期是否在指定日期之后。利用 js 的 Date 对象，获得三个。同样是通过转换为时间戳进行判断。
2024-04-11 14:08:12
748
原创 JS里数组合并的几种方法
4、使用 Array.prototype.reduce() 合并： reduce() 函数可以用来构建新数组，将多个数组元素添加到新数组中。3、使用 Array.prototype.push.apply() 合并：push.apply() 方法可以将多个数组合并成一个新数组。1、使用 Array.prototype.concat() 合并：concat() 方法可以将多个数组合并成一个新数组。(...) 合并：扩展运算符可以将多个数组合并成一个新数组。的 concat() 合并。
2024-03-19 17:14:23
935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人