- 博客(30)
- 收藏
- 关注
RSS订阅原创 elementui 日历组件el-calendar使用总结
要注意的是，日历显示周的话，传的日期范围要按照计算所在星期，比如我们的需求是周日为每周起始日，那么就要给周日的日期和周六日期为起始日，月视图我不想再去计算日期范围了，就直接用了:value，注意用的不是v-model而是value，因为value是单向的，v-model是双向数据绑定了。4.周、月视图状态下，点击前后按钮，分别切换对应上下的周、月；5.点击回到今天，立即切回到周、月视图下对应的当日；2.点击月视图中日期可以切换到对应周视图；1.日历可以周视图、月视图切换；3.点击周视图查看当日对应数据；
2025-03-30 23:15:24
118
原创 Webpack、Vite区别知多少？
另外，由于Vite不需要使用繁琐的配置，开发者可以更轻松地开始一个项目，并且可以更快地进行热更新和模块热替换（Vite是基于Rollup开发的，但是又很好地解决了rollup的热更新问题）前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？（5）内存管理模块（Memory Management Module）：负责对内存的分配和释放，以及对内存的管理和优化。
2025-03-23 22:30:03
248
原创 如何处理前端表单验证，确保用户输入合法？
前端验证主要在用户提交数据前即时检测输入是否合法，通过合理的策略和工具，可以减少不必要的网络请求和后端压力。建议使用专门的状态管理方案（如Formik、VeeValidate），集中管理验证状态和错误提示。自定义JavaScript验证：实时监听用户输入，使用正则表达式和逻辑判断进行验证，并动态反馈错误信息。使用第三方库：在复杂项目中使用Formik、Yup、VeeValidate等工具简化验证流程和状态管理。前后端双重验证：前端验证提升用户体验，后端验证确保数据安全。
2025-03-16 22:58:12
633
原创 jQuery 中的 Ajax 详解
catch() 用于指定 Promise 失败时的回调；textStatus 表示请求的状态，值通常是"success"(请求成功完成)、“timeout”(请求超时)、“error”(请求未能成功完成)、“abort”(请求被中止)、“parsererror”(解析返回的数据时出错)等。textStatus 表示请求的状态，对于失败的请求，值通常是"timeout"(请求超时)、“error”(请求未能成功完成)、“abort”(请求被中止)、“parsererror”(解析返回的数据时出错)等。
2025-03-07 23:40:50
881
原创 Vue3响应式高阶用法之toRaw()
通过reactive和ref，我们可以轻松地创建响应式数据对象，从而实现数据驱动的视图更新。然而，有时我们需要访问这些响应式对象的原始值，这时候toRaw方法就派上用场了。toRaw是Vue3中一个非常实用的高阶用法，能够帮助我们在特定场景下绕过响应式系统，从而优化性能或与外部库更好地集成。然而，通过toRaw，我们可以访问这些对象的非响应式版本。通过toRaw，我们可以绕过Vue的响应式系统，只在必要时触发更新，从而提高性能。有时候，我们需要将Vue的响应式对象传递给不支持响应式系统的外部库。
2025-03-02 20:10:38
367
原创 提升 Vue 项目开发效率：用 useWatchFields 轻松监听指定字段变化
这个 Hook 可以让你灵活地监听 state 中的某些指定字段变化，并且不依赖于任何外部库，完全通过 Vue 内置的 API 来实现事件的管理。它让你可以灵活监听 state 中指定字段的变化，避免冗长的 watch 代码，并提供详细的变化信息。当字段发生变化时，useWatchFields 会返回一个对象，包含哪些字段发生了变化、变化前后的值等详细信息，帮助你更精准地捕捉字段的变动。通过简单的几行代码，你就可以开始监听字段的变化，并且在变化时获得详细的字段变化信息！
2025-02-23 23:41:46
436
原创 elementui时间控件编辑报错：date.getHours is not a function
elementui时间控件编辑报错：date.getHours is not a function
2025-02-08 16:47:14
194
原创 Vue3(elementPlus) el-table替换/隐藏行箭头，点击整行展开
Vue3(elementPlus) el-table替换/隐藏行箭头，点击整行展开
2025-01-20 00:11:04
263
原创 Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
2025-01-03 10:42:56
244
原创 elementui table滚动分页加载
在这个例子中，我们设置了表格的 height 属性，使其具有固定高度并可以滚动。监听 scroll 事件，当表格滚动到底部时，触发scroll 事件。在scroll 事件中，我们通过当前的 page 和 pageSize 计算已经加载的数据范围，并更新 tableData 以添加新数据。如果加载的数据超过了 total，则停止加载数据。在使用 Element UI 的 Table 组件时，如果需要实现滚动分页加载的功能，可以通过监听 Table 的滚动事件来动态加载更多数据。
2024-12-29 21:41:13
206
原创 在 Vue 3 中利用el-form（Element Plus 组件库为例）来循环展示包含自定义字段（如字段名称、字段类型、是否必填等信息的数组）并实现表单校验
在 Vue 3 中利用el-form（Element Plus 组件库为例）来循环展示包含自定义字段（如字段名称、字段类型、是否必填等信息的数组）并实现表单校验
2024-12-19 15:07:12
494
原创 el-tab页签文字颜色下划线等问题
若果用的基础标签页，同步修改选中下划线颜色。修改标签颜色后，重新设置选中状态的颜色。如果要是未生效，试着在样式前加上。
2024-09-05 10:38:34
316
原创 VSCode 在使用pnpm命令时，提示“无法加载文件 C:\Users\，因为在此系统上禁止运行脚本”
2.用set-ExecutionPolicy RemoteSigned命令更改状态即可。1.用get-ExecutionPolicy命令在vscode终端查询状态。4.重新输入 get-ExecutionPolicy ，显示。然后再输入 get-ExecutionPolicy ，显示。3.如果提示需要管理员权限，执行以下代码。就可以正常执行 pnpm 命令了。，就可以执行 pnpm 命令啦。
2024-08-22 14:03:46
739
空空如也
pdf.js中鼠标坐标的获取
2023-12-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人