> echo "Welcome to My Tech Zone"

$ whoami

> Tech Explorer & Code Artist

$ ls social

> GitHub

> larryxue.dev

合集-Vue

摘要:# 引言 Vue router给我们提供了两种路由模式,分别是hash模式和history模式。其中默认是使用hash模式,即URL中带有一个#符号,但是处于业务或个人喜爱的差别,Vue router也提供了history模式。但是由于Vue是单页SPA应用,所以每个路由并没有对应的html文件。 阅读全文
posted @ 2023-07-07 22:27 azoux 阅读(2604) 评论(0) 推荐(1)
摘要:问题描述 学习Vue3 Ref 相关 API 的时候,遇到了 customRef 这个 API,它可以让我们自定义 ref 的更新的过程 但是使用 customRef 有一个问题就是,如果你传入的是初始值,那么一切正常,如果你传入的是一个对象,那 set 函数将会不起作用 customRef 简单使 阅读全文
posted @ 2022-10-06 23:00 azoux 阅读(226) 评论(0) 推荐(0)
摘要:问题 & 解决方案 升级babel7后,原先代码中像这样直接引用element-ui组件的地方,出现了报错 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this fi 阅读全文
posted @ 2024-06-12 11:36 azoux 阅读(97) 评论(0) 推荐(0)
摘要:引言 在工作中我经常需要处理一些复杂、动态表单,但是随着需求不断迭代,我们也许会发现曾经两三百行的.vue文件现在不知不觉到了两千行,三千行,甚至更多... 这对于一个需要长期维护的项目,无疑是增加了很多难度。 因此,为了减小文件大小,优化表单组织的结构,我在日常的开发中实践出一种基于组件的表单拆分 阅读全文
posted @ 2024-08-16 14:19 azoux 阅读(668) 评论(0) 推荐(3)
摘要:在使用 element-ui 的 MessageBox.confirm 方法时,你可能注意到一个细节:当确认框弹出时,确认按钮会自动获得焦点。虽然这种设计在大多数情况下是合理的,但有时我们可能不希望出现这种自动聚焦的行为。 解决方案 我们可以通过简单的包装来解决这个问题。以下是实现代码: TypeS 阅读全文
posted @ 2024-11-07 10:56 azoux 阅读(347) 评论(0) 推荐(0)
摘要:背景 & 问题 最近有一个需求用到了el-cascader,需要支持多级数据的选择。我们的产品,在进入表单编辑时,表单是默认禁用的,用户在需要编辑时需要点击一个按钮使得表单状态从禁用到可编辑。在这个过程注意到,el-cascader显示的ui会有错乱问题,具体表现如下图: 所选中的选项和当前el-c 阅读全文
posted @ 2025-01-23 16:52 azoux 阅读(143) 评论(0) 推荐(0)