- 博客(16)
- 收藏
- 关注
RSS订阅原创 VUE3 和TS 语法：1.Provide / Inject 跨层级传值 2.父子传值
父 → 子defineProps<{ 类型 }>()子 → 父defineEmits<{ 事件: (参数)=>void }>()v-modelmodelValue。
2026-05-21 17:37:06
47
原创 Arco 项目实战｜性能优化之—— 1.接口缓存 2.表单封装防抖提交（Arco-design） 3.vie.config 配置 4.不频繁变更的下拉框选项接口使用缓存减少重复请求
【代码】Arco 项目实战｜性能优化之—— 1.接口缓存 2.表单封装防抖提交（Arco-design） 3.vie.config 配置 4.不频繁变更的下拉框选项接口使用缓存减少重复请求。
2026-05-15 15:05:19
306
原创 mac 本地配置 ssh 连接 github
之前的密钥删了、泄漏了，现在只需要重新生成、配置、生效，实现正常拉取、提交代码。直接在你的项目文件夹里打开终端（就是你刚才发命令的那个地方）执行下面这行，彻底删除旧密钥：🔥 第三步：生成新的 SSH 密钥复制执行：连续按 3 次回车（不要设置密码，直接回车到底）出现：→ 生成成功！执行：你会看到一长串字符，全部选中复制格式大概是：🔥 第五步：把新公钥粘贴到你的代码平台（GitHub / Gitee / GitLab / 公司自建 Git）设置 → 安全中心
2026-05-13 18:24:16
103
原创 订单交易状态映射和使用动态类名区分各 动态 标识 总结
3、公用类名格式：边框 字体 边距等： global.less 文件。useOrderStatus.ts 文件。
2026-04-17 10:24:22
30
原创 Arco design vue 表格排序踩坑
但实际问题是arco 的排序 根据number类型来转的，因为我的那个字段后端返回是字符串，比如说“1100” “200” 那么根据字符串，他是认定“1100”的1在前。而不是根据数字的大小 200在前。再贴一下我封装的表格哪里使用排序的传递方法吧，这个是一直没有问题的。核心修复代码：(排查了很多问题，前端未更新最新数据、排序方法使用错误等等。
2026-03-26 11:41:53
43
原创 vue3 ts 使用 lottile
2.在我自己的本地项目中跑通的代码：（import animationData from './Sample Animation/a/Main Scene.json';// 你的动画JSON文件。是 从 lottie 官网下载下来的json文件 放进项目文件中。ps：下载下来之后需要先解压。
2026-03-12 13:13:00
37
原创 acro design 下拉框跟随鼠标页面滚动解决
第一次使用字节的组件库。和之前使用过的antdesign 和element plus用法不太一样。2.在弹窗中使用需要挂载前添加 容器层级 （不然会出现，下拉框选项被其他组件覆盖的情况）1.下拉框添加父元素添加ref 和类名。
2026-03-12 11:43:39
41
原创 arco design vue 的日期选择期组件（DatePicker）样式穿透
我们能用到的属性只有trigger-props,它需要一个Trigger的参数, 通过搜索,Trigger是一个触发器, 它的主要作用是 点击某一处会触发一个面板, 可能日期组件底层用的就是这个, :trigger-props 接收的是targert 参数, 所以Trigger组件内的所有参数和方法,我们都可以传入. 进行样式穿透,我们只用到了Trigger组件的content-class参数, 它的作用是,我们可以指定一个class类名。问题描述: 对日期组件进行样式穿透.原理：（参考链接放文章下方了）
2025-12-10 10:28:13
334
2原创 vue3使用 pinia+权限管理+角色管理+路由拦截
1. 登录拿到用户角色 进行本地存储 (本项目后端返回 roleid 1 2 我这里进行转化) 本地状态存储见 user.ts 文件。3.需要配置的文件 3 个： permissions.ts \ router/index.ts \ main.ts。至此 路由跳转拦截 根据角色 跳转拦截 地址 就 ok 其他在需要的就根据其他自行添加或者修改。先 配置 三个文件： permissions.ts 文件。简介：教育分教师、学生角色的路由拦截、路由权限的处理；router/index.ts 文件。
2024-08-29 18:15:33
785
原创 vue3+ ts+vite+tailwindcss+pinia 各种报错以及解决办法
4.node 版本切换 和不匹配 （各个项目使用的版本冲突）使用 nvm 搜索 nvm 使用教程以及配置 终端输入 然后查看 node 版本号。2.单独编写 css 文件 css文件不提示问题解决。解决： vite.config.ts 文件。
2024-08-16 14:58:36
1050
原创 gtm h5项目使用vant 轻提示没有反应；el-tabl行拖拽的使用+排序字段同步更新
vant 组件 vue3配套的最新vant4 ;使用轻提示 Toast没有 反应。。。 后台的行拖拽+排序字段更新 排序（sortablejs实现）
2023-03-07 14:01:55
585
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人