shayloyuki

前端分页和搜索

摘要： # 需求一般来说，分页和搜索都是后端处理的。但有时候后端没处理，就只能前端处理了。当然这要在数据量不大的情况下，否则会性能消耗很大。 # 分析 1. 使用 `setTimeout(() => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3. 阅读全文

posted @ 2023-08-04 15:32 shayloyuki 阅读(126) 评论(0) 推荐(0)

表格某行置顶

摘要： # 需求点击某行，设置置顶。即使刷新或者切换页码，置顶仍然不变。 # 实现思路后端接口返回数据分为两部分： 1. `topData`：数组内为置顶数据 2. `rows`：数组内为非置顶数据 `topData` 和 `rows` 中的数据条数之和，等于 `pageSize`。前端渲染数组，`t 阅读全文

posted @ 2023-07-27 10:24 shayloyuki 阅读(93) 评论(0) 推荐(0)

vxe-table 分页后序号连续

摘要： # 需求使用 `vxe-table` 分页后，序号连续。比如每页显示 10 条数据，点击第 2 页，序号从 11 起算。 # 问题依照官网 [vxe-table-序号](https://vxetable.cn/v3/#/table/base/seq "vxe-table-序号") 修改后，出现两阅读全文

posted @ 2023-07-26 16:07 shayloyuki 阅读(1907) 评论(0) 推荐(0)

若依登录超时默认跳转登录页

摘要： # 问题若依登录超时，跳转 `/index`页，但本项目中该页为空白页。 # 解决因此，需要修改跳转为登录页。 ![image](https://img2023.cnblogs.com/blog/2399063/202307/2399063-20230718110341564-190875095 阅读全文

posted @ 2023-07-18 11:08 shayloyuki 阅读(1633) 评论(0) 推荐(0)

负数的正则匹配

摘要： # 问题跳转路由后，发现地址栏有误。 ![image](https://img2023.cnblogs.com/blog/2399063/202307/2399063-20230717164353002-1169908207.png) 检查发现控制台警告： `vue-router.esm.js:1 阅读全文

posted @ 2023-07-17 16:54 shayloyuki 阅读(156) 评论(0) 推荐(0)

OpenVpn 连接后无法打开百度等其他网页

摘要： # 问题近几天，连接 `OpenVpn` 打开其他网页很慢，或者打不开。以前是正常的。 # 解决办法 ## 排查 1. 重连网络、 `OpenVpn`、重启电脑，无解。 2. 和同事确认，他们也是如此清空。 3. 联系管 vpn 的同事，重启 vpn，误解。 4. 网搜，修改 vpn 配置文件，重阅读全文

posted @ 2023-07-13 13:24 shayloyuki 阅读(2) 评论(0) 推荐(0)

el-image 插槽样式补全

摘要： # 问题 `el-image` 有两个 [插槽：placeholder 和 error](https://element.eleme.cn/#/zh-CN/component/image#slots "插槽：placeholder 和 error")。依照 demo 使用时，样式会发生偏差： de 阅读全文

posted @ 2023-07-11 09:13 shayloyuki 阅读(694) 评论(0) 推荐(0)

切换项目后，默认选中第一个菜单项

摘要： # 问题这两篇文章： 1. [若依菜单改造（二）：面包屑及顶部下拉框](https://www.cnblogs.com/shayloyuki/p/17443240.html "若依菜单改造（二）：面包屑及顶部下拉框") 2. [若依菜单改造（三）：根据不同项目，加载动态菜单](https://ww 阅读全文

posted @ 2023-07-07 17:05 shayloyuki 阅读(432) 评论(0) 推荐(0)

vue-treeselect 被 overflow 遮挡

摘要： # 场景在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。 ![image](https://im 阅读全文

posted @ 2023-07-05 14:32 shayloyuki 阅读(1149) 评论(0) 推荐(0)

若依菜单改造（三）：根据不同项目，加载动态菜单

摘要： # 需求切换项目，加载不同的菜单项。效果： ![image](https://img2023.cnblogs.com/blog/2399063/202305/2399063-20230530150901966-1421439566.gif) # 思路 ## 实现方式加载的菜单项数据不同，那么要阅读全文

posted @ 2023-05-30 16:25 shayloyuki 阅读(2554) 评论(0) 推荐(0)