- 博客(18)
- 收藏
- 关注
原创 vue3自定义选项卡tabs组件(defaultKey待优化成数据双向绑定)
分隔内容上有关联但属于不同类别的数据集合,提供平级的区域将大块内容进行收纳和展现,保持界面整洁。
2024-10-18 17:14:54
497
原创 通过antd中的Select组件封装组件实现通过搜索来动态加载下拉数据
能同时满足这几个项目要求,select组件的基本能实现,为在项目中更好的复用这个功能和使用时更简洁,接下来就封装成新的组件datat-select。项目要求:(1)某个变量的值通过下拉选择得出;(2)下拉数据量大;(3)只能通过分页获取的下拉数据;(3)可根据搜索内容动态显示下拉数据。
2024-10-18 15:44:12
458
原创 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
原创 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 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in
微前端qiankun踩坑
2023-08-18 15:32:45
1886
vue3实现不同数据结构渲染不同的UI页面功能
2024-03-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人