【金融科技蚂蚁】-CSDN博客

原创组件间的数据交互方式（父子、兄弟、非亲）

也是先通过 this.$parent 获取父组件信息，然后通过 $refs['cityRef'] 获取父组件的子组件信息，从而拿到兄弟组件 CityDialog.vue 的城市名称，进而拼接成详细的地址信息。去获取父组件的数据信息，this.$parent 表示获取当前子组件的父组件信息（包含父组件的变量和方法），案例中的 this.$parent.person.id 取的就是父组件中的变量（人员 id 值）。前端开发中组件的封装是必不可少的，高效的组件数据交互能够减少重复代码的生成与用户体验的提升。

2024-07-17 09:07:24 643

原创自定义组件--密码修改对话框（拿来即用型）

一个完整的系统中用户登录功能是不可或缺的，因此用户密码的修改对于前端开发者而言也是工作的重要一环，密码修改分为两种情况：一是用户自身想更换密码；3、在通讯方法 axios() 中传递了一个 params 对象给后台，这个 params 对象中涉及到密码字段的在本文未加密，但在实际的工程项目中是。，使用时需在父组件中添加上该属性值，父组件通过该属性将用户名传递给子组件，从而完成密码的修改功能；，然后后台拿到密文再解密，具体的加解密方法需要读者自行书写添加进去，本文略。的事件方法去处理关闭对话框后的业务逻辑；

2024-07-17 08:57:51 164

原创 el-select下拉框选项分多列展示

相信很多开发者在实际项目开发过程中都会使用到 element-ui 组件库中的 Select 选择器，这个选择器官方是默认只用一列去展示所有的选项信息，当我们需要展示的选项内容比较多时用户只能通过滚动条去查找，多少会影响操作效率，本文讲述一种将选项内容分多列去展示。

2024-03-05 16:27:16 941

原创详解js中判为空的情形（‘ ‘、“ “、0、NaN、false、null、undefined）

在前端的项目开发过程中，用 if 判断是否为空的情形经常使用，但为空的情形比较多样，不稍加注意容易判断错误而导致处理业务失败，本文将详细分析单个空格、多个空格、 '0'、0、NaN、false、null、undefined 等是否为空的情形。首先把结论写在下方：判为 false 的输入：' '（单引号）、" "（双引号）、false、null、0、NaN、undefined判为 true 的输入：' '（单引号内带空格）、" "（双引号内带空格）、'0'、'false'

2024-03-01 09:31:29 1867

原创 css自制icon图标（最简单的一种方式）

目录下（根据自己的需求放，也可以放在 assets 目录下，笔者是放在 /static/images 目录下），如下是我自己从网上下载的喇叭图标，图片命名为。组件库，去官网查了一下发现并没有 el-icon-notice 类型的公告图标（但是在 vant 与 vux 等移动端组件库中是有的），于是想着。，其实自定义 icon 图标方式有好几种，但是笔者只使用了一种较为简单的方式，亲测有效，现分享给同行开发者们。从网上下载自己喜欢的图标或者自制一个 logo 图标，将其放于项目的。

2023-12-15 11:58:25 1792 1

原创 js过滤数组的filter用法（附与find的区别）

这时就可以使用 filter 方法，注意本文讲的这个 filter 是数组的一个方法，而不是组件中的filters:{}，开发者可自行在组件 filters：{} 中加入筛选函数去转换格式。如图所示，countryOptions 是要进行筛选的一个数组，它有一个 filter 方法，item 则是countryOptions 里的每一个子项，filter 会遍历这个数组，将满足 item.value === "C" 的子项拿出来放在 filters1 数组中，直到筛选出所有满足条件的子项才结束，

2023-12-02 16:33:49 1271 1

原创 el-table中show-overflow-tooltip属性未生效

el-table中show-overflow-tooltip属性未生效

2023-10-27 17:10:17 2058

原创解决跨域问题之配置代理

解决跨域问题之配置代理

2023-10-19 18:55:10 159

原创 vue项目表单中使用resetFields()报错或未生效

使用resetFields()报错或未生效的解决方案

2023-10-07 15:51:42 5415

原创 vue项目按环境类型设置不同的IP地址等配置信息（附process.env常见问题）

vue项目按环境类型设置不同的IP地址等配置信息（附process.env常见问题）

2023-10-05 09:22:21 1917

原创 Error:Kotlin: Module was compiled with an incompatible version of Kotlin

Error:Kotlin: Module was compiled with an incompatible version of Kotlin

2023-09-20 09:44:06 3766 2

原创 js中...variable的使用（解决变量的双向绑定）

将语句 let obj = info 修改为 let obj = [...info] 后，表示的就不是普通的赋值操作了，而是对象的复制，此时 obj 无论如何修改都不会改变 info 对象的值，这种复制用法的功能类似函数 Object.assign({},info)，不同点在于 [...info] 既能适用于 Array 的变量类型也能适用于 Object 的变量类型，但是 Object.assign({},info) 只适用于 Object 变量类型。

2023-08-31 17:44:41 126 1

原创 java多个文件流的最佳关闭方式

关闭时只能手工逐个关闭，关闭顺序也不限，但逐个关闭的时候一定要注意不能把多个流的关闭语句放在同一个 try 语句块中，因为如果关闭其中一个流时出现了异常，那么后面几个流的关闭语句是不执行的，这就会带来内存溢出，最佳的关闭方式应该是。1、如果多个文件流对象之间有依赖关系，那么只需关闭其中一个文件流即可（建议关闭最后一个使用的流），其他文件流也会自动关闭，不必书写一连串的 try-catch 关闭语句。当多个流有依赖关系时，关闭顺序是不限的，但是推荐只关闭最后使用的那个流（reader）

2023-08-09 16:58:52 2133

原创 js截取字符串中的指定字符的两种方法(以获取base64图片的类型为例)

前端传了一个 base64 类型的图片给后端，那么我后端要怎么获取这个图片的类型呢？这个时候你当然可以在后端将 base64 类型的图片转化为 File 类型或者 byte 类型，然后调用 java 内置的获取文件类型的方法即可，但这不是最简便的，下面介绍简单粗暴的方法：利用截取指定字符的方式去获取图片类型。beginIndex 和 endIndex 不能写死，因为图片类型不一定是 10 位的，如果图片类型是 image/png（9位的），那么上述代码的结果将是 "image/png;

2023-07-21 19:00:09 1723

原创 Git项目开发最常用命令

git merge branch-a：将分支branch-a合并到当前分支上，注意不是将当前分支合并到 branch-a分支上。git pull：将远程分支上的代码拉取到本地，并自动合并到当前分支上，git pull = git fetch + git merge。git branch -d -r origin/branchName：删除本地存储的远程分支，注意实际远程分支并未删除。

2023-07-07 17:45:43 70 1

原创 java抛出异常后，后续代码是否继续执行

分析：null 没有 length() 方法，所以 int b = a.length() 这行代码会报空指针异常的错误，然后直接跳转到 catch 语句块去执行，打印出 c 的值依旧是 0 ，说明 c=1 没有执行故没有赋值成功，执行完 catch 里的语句后程序就结束了，System.out.println("d的值为：" + d)这行代码是不执行的，如果想要这行代码被执行，那么可以将其放在 finally 语句块内，catch 语句块执行完后就会执行 finally 语句块。（见情形一和情形四）

2023-06-19 15:13:22 8803 3