- 博客(82)
- 收藏
- 关注
RSS订阅原创 乾坤框架项目切换角色，页面没有变化bug
详解：乾坤框架的项目，切换角色或者是登录另一个账号（页面权限不同），页面展示没有变化排查过程：1.我以为是子项目页面有缓存，v-hasPermi="['4']" 数据是存储在vuex动态的。vuex数据肯定动态更新，在子项目页面destroyed打印是否执行，执行了，所以页面被销毁了。项目中我也没有用keep-alive，所以应该不是缓存2.在子项目页面created生命周期中输出vuex权限数据，得到确实不是最新的。但是在跳转子页面之前，我打印了主项目vuex存储的权限数据，是最新的。
2025-11-27 10:29:22
274
原创 获取当日是周几
const days = ['日', '一', '二', '三', '四', '五', '六'];return `星期${days[date.getDay()]}`;
2025-11-11 14:15:34
113
原创 前端展示水印
需求：水印是否展示依靠接口返回。做法：1.写了一个js文件：src\utils\watermark.js2.在登陆页面得到token后调用接口是否展示。
2025-10-15 17:24:56
189
原创 el-table表格表头和内容对不齐，错位： .el-table th.gutter{ display: table-cell !important；}
在App.vue里面增加样式。
2025-09-26 13:52:12
130
原创 websoket使用记录
1.医疗项目中渲染回收柜温湿度，需要实时更新2.回收柜安瓿回收和余液回收时，需要前端发送指令给回收柜，比如开门、关门等。还需要收到回收柜结果，比如回收的药品信息等。我项目中用的是浏览器自带的websoket，也可以下载插件等。
2025-09-03 10:59:30
226
原创 前端记录项目中用到的js
核心作用是：快速、方便地“以某个唯一字段为键”查找对应值。dosageMap.get('B2') // 返回 5。存进去”，这样后面可以通过。
2025-08-05 17:45:20
316
原创 前端限制展示几个字
我之前都是用固定的宽度，但是会出现字体展示一般的情况。写一个方法，如果超出10个字，就展示10个字加省略号。前端限制展示4个字，10个字，超出用省略号表示。
2025-07-21 09:18:28
122
原创 前端医疗生命体征
折线图 + 网格背景 + 自定义刻度三个y轴D3.js可以完全自定义坐标轴、网格、折线、点的样式和交互echarts不支持自定义网格背景，才换的d3。
2025-07-15 11:29:33
314
原创 前端大屏适配代码
ScaleScreen :width="1576" :height="821">里面传的是宽高，我项目里大屏页面ui给的宽高是1576和821,大部分项目ui给的宽高应该是1920和1080。
2025-06-27 10:52:12
193
原创 乾坤qiankun记录
如果路由中的tModule === "biz" || item.tModule === "esb"，那就证明是走qiankun子项目，代码中重要的就是 open()方法，registerMicroApps是qiankun的方法，它可以启动子项目页面，给子项目传递数据。组件就统一走 "@/views/subprojects/index.vue",3. @/views/subprojects/index.vue" 文件代码。菜单页面跳转代码 我的跳转标识是tModule。在主项目菜单种跳转去子项目。
2025-06-25 16:44:21
244
原创 路由重复渲染
2.动态添加路由：多次调用router.getRoutes()方法的时候，可能因为某些逻辑问题，导致路由重复添加，需要去重。1.手动添加路由： 直接查看路由是否有重复的地方。页面出现这种问题，并且控制台警告;就是路由重复了，找俩个地方。
2025-04-18 10:42:40
283
原创 viewport视口和@media
视口（viewport）是浏览器用来渲染网页内容的区域。对于移动设备，视口的宽度通常会比屏幕的实际宽度更宽，目的是保持与桌面网页的兼容性。设置可以帮助你控制视口的行为，从而让网页在不同设备上呈现合适的布局和比例。vue项目里这段代码写在public文件中index.html文件里设置视口的宽度等于设备的屏幕宽度（物理像素宽度）。这意味着网页的布局宽度将适应设 备 的屏幕大小，避免在移动设备上出现缩放或滚动条。
2024-12-04 15:19:46
699
原创 Vue3 父子组件传值
也不用看我下面的解说，直接看代码，简单明了。只是个用法而已。props变成了 defineProps$emit变成了defineEmits。
2024-12-03 14:47:48
397
原创 事件委托在项目中的运用
这是个列表，里面很多属性，每个属性点击都会进入属性详情列表页面。本来我是在每个属性上单独写的方法。这样要写很多。代码冗余，也很麻烦。利用事件委托，在父元素 tr 列表遍历的地方，监听点击事件。然后根据事件的目标 () 来判断是哪个td被点击，进而执行不同的处理逻辑。给td 添加一个标识符 data-field，事件委托根据标识符来确定去跳转哪个页面。HTML5 自定义属性 以data- 开头，后面跟任意符合命名规范的字符串。获取 自定义data-filed属性，要用dataset访问。
2024-12-03 11:06:30
256
原创 面试学习准备
在 Vue 2 中，可以直接使用 Vue 实例作为 EventBus。全局事件总线，核心思想是通过发布-订阅模式来实现组件之间的通信。使用方法：在mian.js中直接挂载到vue原型上。然后组件通过 this.$bus来访问。项目顶部导航栏 点击模块高亮效果。用$emit发送事件。
2024-11-26 12:05:42
503
5原创 element中打开对话框表单验证就已经存在的解决办法_打开对话框时不让自动校验
element中打开对话框表单验证就已经存在的解决办法_打开对话框时不让自动校验-优快云博客。
2024-09-12 10:54:13
482
原创 微信小程序记录（持续更新）
登录简单来说就是用uni.login获取登陆凭证code。然后调用后台登录接口传递给后台，后台解码再返回token等一系列信息给前端。
2024-08-22 10:36:00
487
原创 vue项目中 watch监听的用法
不监听$route ，只在mouted里面 接收query参数，在调用this.getList() 导航栏只能搜索一次。搜索第二次公开课不会调用方法. 大家可以试一下。
2024-07-30 10:01:26
355
原创 vue项目，前一个页面destroyed的异步方法还没执行完，后一个页面mounted就先执行了，导致后一个页面获取不到新的值怎么办
写在beforeDestroy生命周期里面就可以了。别写在destroyed里面。
2024-03-04 09:11:10
565
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人