- 博客(14)
- 收藏
- 关注
RSS订阅原创 父页面调用子页面的表格校验功能
摘要：本文介绍了如何在Vue父子组件中实现表单校验联动。子组件通过defineExpose暴露validateForm方法，该方法使用el-form的validate进行校验并返回Promise结果。父组件通过ref获取子组件实例，调用校验方法并根据返回的valid值决定是否拦截提交。关键点包括：子组件封装校验逻辑、父组件通过ref调用子组件方法、异步处理校验结果。这种方法实现了父子组件间的表单校验控制，同时保持了组件间的低耦合性。
2026-01-14 10:46:19
127
原创 element-plus日期时间选择器，要求不要“分”或者“分秒”格式
摘要：本文介绍了如何配置el-date-picker组件以满足"年月日时分"格式需求。通过设置time-format="HH:mm"可隐藏秒选择器，仅显示时分选项；使用format="YYYY-MM-DD HH:mm"确保回填数据格式正确。若需进一步简化为"年月日时"格式，只需移除mm参数。这种配置方法适用于需要定制时间选择器格式的产品需求，通过简单参数调整即可实现不同粒度的时间选择功能。
2026-01-06 10:06:28
127
原创 draggable组件实现两层拖拽面板
本文介绍了基于Vue.js实现的层级拖拽功能解决方案，使用vuedraggable库实现父维度和子维度的嵌套拖拽交互。核心要点包括：1）父维度只能与同级父维度交换位置；2）子维度只能在同一父维度下的子维度间交换；3）通过handle属性设置拖拽手柄；4）使用CSS样式实现父子节点的视觉连线效果。文章提供了完整的代码实现，包含表单验证、添加/删除维度等交互功能，并强调了实现注意事项，如必须设置拖拽ID、正确处理slot结构等。该方案适用于需要实现复杂层级拖拽交互的场景。
2025-12-30 14:13:05
249
原创 箭头函数的意义和函数的二义性
本文主要探讨JavaScript中箭头函数与普通函数的区别，重点分析其消除函数二义性的设计目的。普通函数存在两种调用方式（直接调用和构造函数调用）的二义性问题，这是JS初始设计的缺陷。ES6引入箭头函数和class来消除这种二义性：箭头函数只能直接调用（无this和原型，不能作为构造函数），class必须用new调用。这种设计降低了函数复杂度，使调用方式更加明确，其中箭头函数已脱离面向对象范畴，因此不具备相关特性。
2025-12-22 11:28:30
95
原创 我的创作纪念日
提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等。
2025-06-20 15:38:19
356
原创 在上线项目路由上自动添加二级域名
本文介绍了Vite项目中如何通过配置实现开发/生产环境的路由区分。在vite.config.js文件中，使用三元表达式动态设置base路径：开发环境为"/"，生产环境为特定路径"/index_21321324324/"。文章强调线上出现404页面时需检查Nginx配置，而非代码问题，并提醒运维需正确配置Nginx以匹配该路由设置。该方案适用于需要内部保密性要求的线上项目，通过二级域名和特定路由实现访问控制。
2025-05-28 14:40:00
190
原创 element-plus全选功能
下方多选框中有一个未被选中则全选按钮自定不被选中；若下方多选框都被选中，全选则选中。实现点击全选，所有数据全被选中。
2025-03-03 10:53:01
355
原创 一个vue项目中配置请求多个服务端解决方案
1、在本地项目全局设置一个端口号选择器。2、导入父组件。3、vite.config.js文件更改代理指向。4、请求拦截器全局配置封装接口
2025-02-06 16:01:24
1107
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人