FCC-HC 总结
摘要：分享 分享一下简易版的个人网站 shayloyuki's portfolio，内有这五个项目及其所有子项目的代码演示链接。 有五个项目： 一、Survey Form HTMl - Cat Photo App code 标签：表示内部是代码。还需要补充以下的 css 样式才能更好显示： code {
阅读全文
posted @ 2022-12-28 17:38
12 2022 档案
封装公共方法：扁平数组转为树形数组
摘要：代码 src/utils/arr.js /** * * @param {Array} flatArr 扁平数据 * @param {string} pid 上级数据的id,常用'pid' * @returns */ // 扁平数组转为树形数组 export function arrToTree(fl
阅读全文
posted @ 2022-12-23 13:31
封装公共方法：树形数组扁平化
摘要：需求 项目多个地方需要操作树形数据，多次用递归比较麻烦，于是就打算封装成公共方法。 解决 第一步：在 /src/utils 路径下新建 arr.js 文件 /** * * @param {Array} arrs 树形数据 * @param {string} childs 树形数据子数据的属性名,常用
阅读全文
posted @ 2022-12-14 17:05
el-tree 刷新后保持展开状态和选中节点不变
摘要：需求 el-tree 刷新后默认折叠全部节点，默认选中第一个节点（以下简称 默认设置）。 现在需求是：新增或编辑节点数据，要求刷新后保持展开状态和选中节点不变。 思路 思路一：只在第一次进入页面时的刷新，采用 默认设置，其他时候的刷新，不改变展开和选中节点； 思路二： 刷新都采用 默认设置，其他时候
阅读全文
posted @ 2022-12-14 16:58
el-select 无法实时显示选中的项、无法清除
摘要：问题 某个 el-select 多选下拉框，显示栏无法实时显示选中的项，也无法清除已选中的项；但是最终提交表单时，能够赋值成功。 解决 Vue 中无法监听数组中项的变化，因此需要用 $set()。 代码： 参考链接 解决element-ui中的el-select选择器无法显示选中内容的问题 vue
阅读全文
posted @ 2022-12-12 14:56
清除浮动
摘要：问题描述 如果容器高度为 auto，内部元素 A 浮动后会脱标，则容器高度就不会被 A 撑开，就会出现：容器高度塌陷，A 溢出容器外的现象。这种现象叫做：浮动对标准流的影响。 为了让容器包裹 A,需要清除这种影响，简称为清除浮动。 <body> <style> .news { background-
阅读全文
posted @ 2022-12-09 14:52
keep-alive 缓存不生效
摘要：问题 在某个页面上 keep-alive 缓存不生效，其他页面是正常的。 解决 开始测试找问题根源，发现是路由名称大小写错了。 参考链接 vue组件缓存之keep-alive正确使用姿势 vue keep-alive 缓存 不生效解决方案
阅读全文
posted @ 2022-12-01 11:10
