shayloyuki

封装公共方法：树形数组扁平化

摘要：需求项目多个地方需要操作树形数据，多次用递归比较麻烦，于是就打算封装成公共方法。解决第一步：在 /src/utils 路径下新建 arr.js 文件 /** * * @param {Array} arrs 树形数据 * @param {string} childs 树形数据子数据的属性名,常用阅读全文

posted @ 2022-12-14 17:05 shayloyuki 阅读(167) 评论(0) 推荐(0)

el-tree 刷新后保持展开状态和选中节点不变

摘要：需求 el-tree 刷新后默认折叠全部节点，默认选中第一个节点（以下简称默认设置）。现在需求是：新增或编辑节点数据，要求刷新后保持展开状态和选中节点不变。思路思路一：只在第一次进入页面时的刷新，采用默认设置，其他时候的刷新，不改变展开和选中节点；思路二：刷新都采用默认设置，其他时候阅读全文

posted @ 2022-12-14 16:58 shayloyuki 阅读(5852) 评论(0) 推荐(0)

el-select 无法实时显示选中的项、无法清除

摘要：问题某个 el-select 多选下拉框，显示栏无法实时显示选中的项，也无法清除已选中的项；但是最终提交表单时，能够赋值成功。解决 Vue 中无法监听数组中项的变化，因此需要用 $set()。代码：参考链接解决element-ui中的el-select选择器无法显示选中内容的问题 vue 阅读全文

posted @ 2022-12-12 14:56 shayloyuki 阅读(1308) 评论(0) 推荐(0)

清除浮动

摘要：问题描述如果容器高度为 auto，内部元素 A 浮动后会脱标，则容器高度就不会被 A 撑开，就会出现：容器高度塌陷，A 溢出容器外的现象。这种现象叫做：浮动对标准流的影响。为了让容器包裹 A,需要清除这种影响，简称为清除浮动。 <body> <style> .news { background- 阅读全文

posted @ 2022-12-09 14:52 shayloyuki 阅读(29) 评论(0) 推荐(0)

keep-alive 缓存不生效

摘要：问题在某个页面上 keep-alive 缓存不生效，其他页面是正常的。解决开始测试找问题根源，发现是路由名称大小写错了。参考链接 vue组件缓存之keep-alive正确使用姿势 vue keep-alive 缓存不生效解决方案阅读全文

posted @ 2022-12-01 11:10 shayloyuki 阅读(350) 评论(0) 推荐(0)

点击按钮滚动轴滑动到指定位置

摘要：问题对话框中有个表单，点击按钮，需要在底部添加一条数据，并让滚动轴滑动到最底部，以便用户直观了解变化。效果解决 container.scrollTop = container.scrollHeight - container.clientHeight /* 添加属性按钮 */ addProp( 阅读全文

posted @ 2022-11-22 18:20 shayloyuki 阅读(350) 评论(0) 推荐(0)

OpenVPN 导入配置文件

摘要：问题在下载安装完毕 OpenVPN 后，弹窗需导入配置文件：解决这个配置文件后来管理员发给我了，实际上就是加密文件：打开 OpenVPN 后，在电脑的托盘中找到图标，右键选择导入配置文件即可。总结日常工作常用的软件、文件、下载地址都要整理成文档，方便切换设备时使用。阅读全文

posted @ 2022-11-22 10:06 shayloyuki 阅读(1) 评论(0) 推荐(0)

SVN 忘记密码和用户名

摘要：问题居家办公，笔记本上下载了 SVN，输入地址后弹窗需要输入用户名和密码，尝试着输了一系列都失败。遂找解决办法。网上的解决办法有两种：用密码破译器解析本地缓存的密码文件。找SVN管理员重置。本着能自己搞定就不麻烦别人的精神，我选择了第一种。但是致命问题是：笔记本上没有本地缓存过密码文件，即阅读全文

posted @ 2022-11-22 09:59 shayloyuki 阅读(1441) 评论(0) 推荐(0)

在 scss 中使用变量

摘要：问题之前二次封装了一个树形组件 MenuTree，自定义了节点名。后来优化为：节点名超过一定宽度就显示 toolTip 样式，即：以省略号显示超出部分内容，只有在鼠标悬浮时才会显示完整内容。现在的需求是：不需要限制节点名的宽度。因此需要把原来的 width: 100px 修改为 width: 阅读全文

posted @ 2022-11-17 16:29 shayloyuki 阅读(977) 评论(0) 推荐(0)

el-tree 初始加载中状态

摘要：问题二次封装了一个 el-tree 组件 MenuTree，想要在树形数据 nodeData 传递之前，树显示为 loading加载中的状态。原代码是在 MenuTree 中监听 nodeData ，data 中声明 treeLoading 为 true，一旦树形数据的数据加载完毕就把 tre 阅读全文

posted @ 2022-11-17 16:02 shayloyuki 阅读(1697) 评论(0) 推荐(0)