自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 vue3自定义选项卡tabs组件(defaultKey待优化成数据双向绑定)

分隔内容上有关联但属于不同类别的数据集合,提供平级的区域将大块内容进行收纳和展现,保持界面整洁。

2024-10-18 17:14:54 497

原创 vue实现自定义开关switch组件

Switch组件,开关两种状态。

2024-10-18 16:49:17 609

原创 vue3实现自定义评分/打分组件

自定义评分/打分组件

2024-10-18 16:00:41 411

原创 通过antd中的Select组件封装组件实现通过搜索来动态加载下拉数据

能同时满足这几个项目要求,select组件的基本能实现,为在项目中更好的复用这个功能和使用时更简洁,接下来就封装成新的组件datat-select。项目要求:(1)某个变量的值通过下拉选择得出;(2)下拉数据量大;(3)只能通过分页获取的下拉数据;(3)可根据搜索内容动态显示下拉数据。

2024-10-18 15:44:12 458

原创 Vue3 手写联级选择面板组件cascader-panel(通用的)

自定义级联面板,CascaderPanel ,多选,单选

2024-10-18 15:11:42 796

原创 qiankun微前端-点击浏览器后退键404

以上的解决方法其实并不能完美解决问题,后面在项目使用过程中,发现使用window.history.pushState来切换菜单路由时,总是会出现:切换新一个菜单后路由总是不跳转新菜单的路由页面,但地址栏的路由又是新菜单的路由,需要刷新页面才会出现新菜单的路由页面。暂时没有更好的方法解决。主应用的菜单切换通过window.history.pushState()来切换,而不是用router.push()。怀疑是vue3版本引起的路由问题,因为vue2版本的子应用就可以切换回退。

2024-08-30 16:08:02 563 1

原创 创建MarkerCluster实例cluster,将所在的所有坐标缩放到地图视野范围内

高德地图创建MarkerCluster实例cluster,同时将所在的所有坐标缩放到地图视野范围内

2024-05-13 16:30:07 369

原创 根据后端返回的菜单权限来修改路由(动态路由)

根据后端给到的菜单权限code来判断该用户拥有哪些菜单权限,因为每个菜单是通过路由加载,如果该用户没有某个菜单的权限,不仅不显示该菜单而且也不能访问该菜单下的路由(即在浏览器地址栏输入没有权限的菜单路由会直接跳转到404页面):刷新页面后,有权限访问的页面也变成了404,原因是登录时对已有权限的路由进行添加到系统路由中,但刷新页面后main.js文件也会重新加载,路由就会恢复默认没有添加routes的状态,导致访问所有的菜单都是404。

2024-04-25 18:29:52 465

原创 Vue3 手写联级选择面板组件(定制化的)

Vue3实现级联面板组件

2024-04-10 15:33:41 1508

原创 node.js学习记录

node.js学习篇

2024-03-29 18:04:48 3326

原创 The Http request is not acceptable for the requested resource.

The Http request is not acceptable for the requested resource.

2024-03-20 14:14:14 1634

原创 实现token过期后拦截请求,刷新token后再重新请求

登录系统后会有新的token和refreshToken,token会在一定时间后失效,这时就需要拦截当前的所有请求,先通过refreshToken刷新token,如果刷新成功,将获取到新的token和refreshToken,再将拦截的请求重新使用新的token请求一遍;如果刷新失败说明该token已完全过期就需要退出到登录页面重新登录。

2024-03-07 18:31:07 1264

原创 qiankun微前端主应用向子应用共享的数据没有实时更新解决

主应用通过props将store里的数据传给子应用,包括userName、token等信息;偶然会出现一个问题,通过登录页面登录系统,子应用没有及时的拿到主应用最新登录的token,导致点击子应用相关菜单时,子应用请求的接口传的token还是上一次登录记录的已经失效的token,导致直接返回登录页面。用一个方法返回props的值,确保在登录后加载页面时才获取到props的值,而不是在一开始就将静态文件加载,导致store的数据不是最新的。home.vue (引入micro.js的页面)

2024-03-07 16:21:41 896

原创 vue3结合高德地图实现圆、矩形、多边形的绘制和编辑

Vue3结合高德地图实现圆、矩形、多边形的绘制和编辑

2024-03-06 18:31:21 2208

原创 Vue3定时自动退出到登录页面

vue3定时自动退出到登录页面

2024-03-06 17:57:36 551

原创 工具类函数整理

工具类函数整理

2024-03-06 17:34:37 256

原创 Vue3 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in

微前端qiankun踩坑

2023-08-18 15:32:45 1886

原创 前端一些库收集

收集一些功能库

2023-04-07 11:42:44 80

vue3实现不同数据结构渲染不同的UI页面功能

1.实现难点、重点: (1)数据类型的种类多:decimal、int32、int64、text、bool、enum、struct、array (2)struct结构体非常复杂,考虑的情况多,比如结构体中可能有array、struct (3)UI实现结构体的页面样式麻烦,使用多重递归组件

2024-03-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除