Frozenzz88-优快云博客

原创 ant design vue多选控制被选择数量

选择满5个后，其他选项禁用，需用户取消才能增加新的选择，利用optionprops的disabled属性管理。

2024-10-23 17:54:13 307

原创 parseInt(value, 10)

这是处理数字字符串时的一个好习惯，因为它消除了基数猜测带来的不确定性，确保了代码的可读性和可维护性。是 JavaScript 中的一个全局函数，用于解析一个字符串，并返回指定基数的整数。这个函数尝试从给定的字符串。在大多数情况下，当你处理来自用户输入或外部源的字符串，并希望将其转换为整数时，使用。如果解析成功，则返回解析得到的整数；如果解析失败，则返回。（Not-a-Number，非数字值）。

2024-08-01 10:46:16 327

声明一个变量时，你实际上是在声明一个对值的引用为常量的绑定，而不是值本身。换句话说，你不能重新分配。在这里允许你声明一个对特定对象的引用，然后你可以更改该对象的属性，但不能重新分配。是一个对象的引用，并且我们没有更改这个引用（即没有重新分配。这行代码更改了 selectGroup 对象的。的值可以被更改，const修饰不是不可以更改吗？这就是为什么即使使用了。引用一个不同的对象或值，但你可以更改。到一个新的对象或值），所以这是允许的。对象的属性而不会导致错误。

2024-06-21 11:08:21 345

转载 vue编辑弹窗内更改字段的值，表格内这一列的值也会实时更改，如何避免这种情况

选择哪种策略取决于你的具体需求和项目结构。通常，深拷贝是一个简单而有效的解决方案，但请注意它可能不适用于大型或复杂的数据结构，因为它会创建数据的完整副本，可能会消耗更多的内存和性能。在Vue中，如果你发现编辑弹窗内的字段值更改时，表格内对应列的值也实时更改了，这通常是因为这两个地方共享了同一个数据引用。

2024-06-07 16:54:49 399

原创 v-model.number和v-model的修饰符

是用于创建双向数据绑定的指令，这意味着你可以将数据绑定到输入元素上，并且当输入元素的值改变时，绑定的数据也会自动更新。和修饰符可以更好地控制表单元素和组件的双向数据绑定行为，以满足不同的需求和约束。然而，有时候我们可能希望将输入的值强制转换为某种类型，比如数字。为此，Vue 提供了。指令还提供了其他修饰符，用于调整双向数据绑定的行为。（一个数字），而不是 “123”（一个字符串）。是一个修饰符，它尝试将用户的输入转换为。假如你在输入框中输入 “123”，之外，Vue.js 中的。在 Vue.js 中，

2024-06-05 15:34:40 1209

原创在MySQL中，将多个varchar类型和数字类型拼接成新的字符串

可以将整数转换为字符串。但是，如果你的字段可能是单数字（比如1），并且你想要在前面加’0’使其至少为两位数，你可以使用LPAD()函数。在MySQL中，如果你想要将两个整数字段的值转换为字符串，并且与另外两个字符串拼接，你需要先将整数字段转换为字符串。转换为至少4位数的字符串，如果它原本只有一位数，那么它会在前面添加3个’0’。函数只能用于字符串，所以你需要先转换整数。以下是一个示例，展示了如何更新。

2024-05-21 16:20:48 434 1

原创 splice方法

方法在 JavaScript 中通常用于数组，而不是字符串。方法，它至少需要一个参数。

2024-05-14 09:45:06 286 1

原创不推荐使用Object.assign(this.$data, this.$options.data())还原变量初始的原因

最后，Vue的响应式系统是基于getter/setter的，所以当你直接修改对象的属性时，视图会自动更新。但是，当你替换整个对象时（例如使用。），你需要确保新的对象也是通过Vue的响应式系统创建的，否则视图可能不会更新。

2024-05-08 14:12:46 493 1

原创 eslint-disable-next-line no-undef

最好是在确保变量确实已经定义，且出于某种原因 ESLint 无法识别它时，才使用此指令。如果可能的话，更好的做法是调整 ESLint 的配置或代码结构，以便它能够正确地识别变量的定义。规则是 ESLint 的一个内置规则，它用于防止在代码中使用未定义的变量。是一个 ESLint 的指令，用于告诉 ESLint 忽略下一行代码的。当你确信下一行代码中的某个变量是已经定义了的，但 ESLint 却报告了。错误时，可以使用这个指令来告诉 ESLint 忽略这个错误。是在其他地方定义的，但 ESLint 报告了。

2024-04-28 14:14:49 1185

原创 el-table-column根据字段值，更改这一格的背景颜色

在Vue.js中，使用Element UI的和组件时，如果想根据字段的值来更改表格单元格的背景颜色，你可以使用单元格的属性或者属性。

2024-04-24 09:40:33 3459 1

原创在MyBatis-Plus中，实现多个like查询条件之间为or关系

在MyBatis-Plus中，想要实现多个like查询条件之间为or关系，不能直接使用LambdaQueryWrapper的链式调用方法，因为它们之间默认为and关系。因此需要通过自定义SQL片段或者使用apply方法来实现or的逻辑。上面的代码中的{0}是一个占位符，它将在apply方法调用时被替换为keyword的值。CONCAT函数用于在关键字前后添加通配符%，以实现模糊查询。PS:如此拼接方式，是否会存在sql注入攻击的隐患？

2024-04-02 17:06:52 2088 2

原创表中存在部分索引在Navicat表结构中未显示

将your_table_name替换为你的表名。

2024-03-26 13:15:36 308 1

原创 “===”判断数组为空，不生效，因为等号两边是两个对象，比较的是引用地址。应该用Array.length来检查

每次创建时都是一个新的数组对象，即使两个数组看起来是空的，它们也是不同的对象，所以。来判断数组是否为空，实际上这种比较方式并不会如你所期望的那样工作。在 JavaScript 中，判断一个数组是否为空通常使用。运算符会比较它们的引用是否相同，而不是比较它们的内容。否则，数组将被转换成 JSON 字符串。

2024-03-22 15:44:11 187 1

原创 elementui的table同时选择多个列排序

数组来存储多列排序信息，并在每次排序改变时更新这个数组。然后，它将这个数组转换为JSON字符串，并通过查询参数发送给后端。在前端，我们可以使用一个数组来存储多列排序的信息，而不是单个对象。每当用户改变排序时，我们更新这个数组，并发送它到后端。如果要支持多列排序，并且考虑到后端SQL中可能已经有默认排序，我们需要对前端逻辑和后端API进行相应的调整。后端接收到这个JSON字符串后，将其解析回数组，并遍历数组来构建SQL查询中的。在后端，我们需要解析这个数组，并根据其顺序在SQL查询中使用多个。

2024-03-22 13:46:28 1501 1

转载每次关闭父组件弹窗时，销毁子组件

最后，检查你的子组件中是否有任何可能影响其销毁的逻辑，比如全局事件监听器或定时器，确保在组件销毁时正确地清理它们。会根据表达式的真假条件来添加或移除元素，这意味着当条件为假时，Vue 会销毁该元素及其子组件，并在条件为真时重新创建它们。如果你希望在每次关闭父组件弹窗时销毁子组件，并且确保每次重新打开时都重新创建子组件，你可以使用。，子组件也没有被销毁，那么可能是有其他因素在影响组件的生命周期。时，弹窗（和子组件）会隐藏，并且子组件会被 Vue 销毁。，Vue 会重新创建子组件。，Vue 会销毁子组件。

2024-03-21 16:50:13 1045 1

原创 Vue通过$emit通知了父组件，子组件通过父组件的返回值，来拦截文件上传

【代码】Vue通过$emit通知了父组件，子组件通过父组件的返回值，来拦截文件上传。

2024-03-21 13:17:30 535 1

转载 Vue通过$emit通知了父组件，但是子组件需要知道父组件处理的结果

另一种方法是，父组件处理完事件后，可以触发一个自定义事件，并携带处理结果作为事件的参数。子组件监听这个自定义事件，并在事件处理函数中获取结果。

2024-03-21 10:29:18 240 1

Frozenzz88的博客