页面交互逻辑比较
摘要：写这篇是为了记录下：能达到相同效果的两种不同的页面交互逻辑。 场景 侧边栏菜单分为两部分，一部分是固定，一部分是动态。如下图所示： 不同的项目，动态菜单的数量和内容不一样。处于项目 A 时，若处于动态菜单页面（比如 Piping），点击顶部下拉框切换到项目 B），那么： 之前打开的项目 A 的 Pi
阅读全文
posted @ 2024-01-17 16:42
随笔分类 - 总结
npm install 遇到的一些问题
摘要：node 不是命令符 快捷键win+R，输入 cmd，打开命令窗口，输入 node，如果出现了版本信息，就说明安装成功了 node.js。 右键以管理员身份打开 vsCode，打开项目，打开终端，再次输入 npm install，就不会报此错误了。 npm ERR! code ERR_SOCKET_
阅读全文
posted @ 2023-11-22 17:59
新版本 el-input 不支持 v-model.trim，自定义指令去除首尾空格
摘要：问题场景 <el-input type="textarea" v-model.trim="value" /> 多行文本输入框无法换行。 经测试，去掉 .trim 修饰符后，就可正常换行了。 从 官网文档 ，发现 element-ui 新版本不支持 v-model 修饰符。 因此，若在新版本的 ele
阅读全文
posted @ 2023-11-17 15:46
flex属性解决子元素宽度被压缩问题
摘要：# 问题  如上图所示， A 及 B 的 父盒子 是 C。其中 C 和 B 都用到了 flex 布局，目
阅读全文
posted @ 2023-08-15 17:52
双击表格行，弹出对话框
摘要：# 需求 双击表格某行数据，弹出对话框。 `vxe-table` 有组件可以实现这个功能。 但如果用封装的组件，怎样实现呢？ # 分析 已知 vue 中 `@dblclick` 是双击事件（[Vue双击事件](https://blog.csdn.net/qq_40115330/article/det
阅读全文
posted @ 2023-08-10 10:56
业务设计如此，不是 bug
摘要：# 场景 遇到了一个显示问题，编辑时不会显示 `el-cascader` 的绑定值。 排查了好几遍，都没问题。新增没问题，就是无法回显。 后来发现这是接口设计如此：这个接口返回的是可添加的属性列表。新增显示是正常的，编辑无法回显也是正常的了。 # 解决方案 ## 方案一 禁用编辑按钮，就不用回显了。
阅读全文
posted @ 2023-08-07 17:36
前端分页和搜索
摘要：# 需求 一般来说，分页和搜索都是后端处理的。但有时候后端没处理，就只能前端处理了。当然这要在数据量不大的情况下，否则会性能消耗很大。 # 分析 1. 使用 `setTimeout(() => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3.
阅读全文
posted @ 2023-08-04 15:32
表格某行置顶
摘要：# 需求 点击某行，设置置顶。即使刷新或者切换页码，置顶仍然不变。 # 实现思路 后端接口返回数据分为两部分： 1. `topData`：数组内为置顶数据 2. `rows`：数组内为非置顶数据 `topData` 和 `rows` 中的数据条数之和，等于 `pageSize`。 前端渲染数组，`t
阅读全文
posted @ 2023-07-27 10:24
