- 博客(24)
- 收藏
- 关注
RSS订阅原创 解决输入框通过扫描二维码输入数据时，中文输入法可能导致输入乱码的问题
使用一个type为text的输入框，当焦点聚焦的下一帧将该输入框的type变更为password，监听到输入框输入后，将type变更为text展示数据。但是密码输入框数据展示被加密，不适合直接使用密码输入框，且光标聚焦在输入框中会出现浏览器自带的密码提示器。当系统输入法为中文输入法时，通过扫描输入获得的值（数字+英文+符号）会乱码，乱码没有规律，无法逆转。2.输入后可能会出现一瞬间的加密再展示数据，但是问题不是很大。需要用户手动将输入法切换为英文输入法扫描则无误。当系统输入法为中文输入法时，使用。
2025-03-06 14:46:25
559
原创 【JavaScript】处理类型不同但值相等的情况
只比较值，不比较类型，例如 1!= “1” 会返回 false，但 1!= 2 会返回 true。这样可以确保 “1” 和 1 被视为相等，同时避免 JavaScript 类型不匹配导致的问题。，但性能相对较低，并且 JSON.stringify()（对象键顺序不同会导致不相等）。
2025-02-19 10:22:28
226
原创 使用$on方法实现子组件跨过基类父组件通信业务父组件
如果 $on 监听事件，必须在 beforeDestroy() 解绑，以防止。但listPage作为基类，使用$on方法动态绑定事件。
2025-02-06 14:49:28
177
原创 在一个函数中声明一个内部函数（闭包），同时使用箭头函数保证this的指向
闭包中需要访问vue实例，故使用箭头函数保证this的指向。在一个方法中需要大于一次调用一个请求方法，故使用闭包；
2024-12-27 11:22:02
182
原创 解决多el-dialog弹窗分配层次问题以及el-dialog锁定原页面滚动条（即弹窗状态下禁止原页面滚动）
el-dialog 组件中的 :append-to-body=“true” 属性表示将对话框插入到文档的 元素中。暂时没去研究原理，但是设置了该属性可以实现。
2024-10-17 15:19:54
629
1
原创 el-select多选但后端要求返回字符串的解决方法，附+中间参数以唯一id作为key时出现问题的解决方式
背景：此el-select存在多个，且被包含在列表的n列中，可能涉及新增、删除、换行等，所以不能直接根据index进行存储。已知：el-select多选时绑定值为数组，如：arr:[‘这是第一个’,‘这是第一个’]后端要求以字符串形式返回，使用“，”隔开，如：arr:“这是第一个,这是第一个”解决：在初始化时，将 this.checkList 转化为响应式。问题：有时候会出现部分数据的变更不会更新到视图等问题。分析：发现出问题的数据不是响应式对象。注：fileItem为当前列数据。
2024-08-26 11:08:18
1195
原创 用console.log()调试查看深拷贝的对象时导致部分属性值丢失的解决办法
【代码】用console.log()调试查看深拷贝的对象时导致部分属性值丢失的解决办法。
2024-06-14 08:59:43
472
1
原创 基于Vue+Element UI的文件管理系统-Demo
记录一下之前写过的一个文件管理系统demo。功能包括文件夹的新增、删除、重命名及移动，文件的上传、删除、移动及下载功能。相关功能的操作直接和进行交互。因为该demo集成在大的系统中，懒得提取建库开源，所以算是只记录思路。
2024-01-31 18:39:42
4754
2
转载 ruoyi-vue | 导出所选择的部分数据
默认情况下，若依会根据当前的查询条件导出所有数据（会把查询参数请求到后台），但是忽略了界面的行选择信息；因此需要手工处理导出选中行的功能；
2024-01-04 14:14:27
1960
3
原创 在vue.js中添加html元素，css失效、js点击事件失效的解决方式
经过编译过的css会被附上哈希值，在js中添加的元素并不能被绑定。看看css有没有经过scss/less进行编译！↑元素显示出来了，但是css失效。另外再开一个style即可。
2023-08-18 16:41:54
515
1
原创 ES6基础知识
↑解决方法： import {a,b as bName} from ‘./module/A.js’关于this：普通函数中，this指向window，在this函数中指向父级。注意：当两个对象都有name的话，后面的name覆盖前面的name的值。如果同时导入两个module js模块中含有重名函数，则会报错。id:studentId 指对id进行重命名。*对于var而言，声明的变量会提升至全局。语法： 反引号中${name}arguments参数将会报错。使用反引号括起来就行了。↑应用于页面数据修改时。
2023-06-28 02:23:34
76
1
原创 使div在页面中居中
设置div的左右margin为auto，并且需要将div的宽度设置为固定值或最大宽度，这种方法适用于在知道宽度的情况下，比较简单实用。
2023-04-13 01:03:24
1294
1
原创 flex布局
常用的取值有flex-start（从起始位置开始排列）、flex-end（从结束位置开始排列）、center（居中排列）、space-between（平均分布排列，首尾不留间隔）、space-around（平均分布排列，首尾留间隔），stretch（拉伸填充，填满整个容器高度）。常用的取值有row（水平方向，从左往右）、row-reverse（水平方向，从右往左）、column（垂直方向，从上往下）、column-reverse（垂直方向，从下往上）。设置多行子元素之间的对齐方式，即在交叉轴上的上下间距。
2023-04-13 00:51:20
134
1
空空如也
css媒体查询优先级不知道为什么低了导致失效
2023-08-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人