shayloyuki

记一个思路：el-tree 取消挂载节点

摘要：描述带 checkbox 的 el-tree，一组父子节点全部勾选。beforIds: [1, 2, 3, 4] 取消勾选某个子节点时，剩余选中节点就只有其他子节点了，即父节点也被取消了。afterIds: [3, 4] 如果根据取消前后的选中节点数组来比对，就会出现问题：解决 beforeId 阅读全文

posted @ 2022-11-16 14:04 shayloyuki 阅读(355) 评论(0) 推荐(0)

el-tree 父子节点勾选框半关联

摘要：问题有个节点带 checkbox 的 el-tree 父子节点需要半关联，即： 1.勾选父节点，子节点不会被勾选； 2.但是勾选子节点，父节点会被勾选。解决第一步：实现父子节点不相互关联子组件：父组件：第二步：实现勾选子节点，父节点会被勾选关键问题是如何勾选某个节点。方式一：setC 阅读全文

posted @ 2022-11-16 12:06 shayloyuki 阅读(1475) 评论(0) 推荐(0)

el-tree变化：点击行相当于点击复选框

摘要：现在 el-tree 增加了新功能：点击行就相当于点击了复选框。我记得以前是没有这个功能的，需要写代码处理下：参考链接 element tree 点击该行即选中复选框阅读全文

posted @ 2022-11-16 10:55 shayloyuki 阅读(434) 评论(0) 推荐(0)

el-menu 菜单不高亮

摘要：问题在部分页面 el-menu 的菜单栏不会高亮。分析初步分析是 default-active 的默认路径和当前页面的路由地址不同。打印下来果然——默认激活的路径中把中文转码了。解决办法有两种思路：在路由地址中不显示 standardName，这样就不会出现中文。弊端：在页面顶部的阅读全文

posted @ 2022-11-15 16:12 shayloyuki 阅读(708) 评论(0) 推荐(0)

二次封装 Vue-Treeselect 组件

摘要：场景开发中多个地方都需要用到 vue-treeselect组件，于是想二次封装成 SelectTree 组件便于使用。需求1：自定义选项样式插槽 option-label SelectTree组件预留插槽 `diy-option` <label slot="option-label" slot 阅读全文

posted @ 2022-11-04 10:38 shayloyuki 阅读(1132) 评论(0) 推荐(1)

封装若依二级菜单后，主页面路由不显示

摘要：问题之前封装了一个二级菜单，跳转都正常的。现在由加了一组菜单内容，右侧主页面跳转不成功——[vue-router] Route with name 'EleSpecLib' does not exist。尝试首先检查 vue 文件中的 name 大小写是否和路由文件中的 name 完全一致。确阅读全文

posted @ 2022-10-31 10:51 shayloyuki 阅读(3187) 评论(0) 推荐(0)

el-menu 子菜单不高亮显示

摘要：问题之前做了一个二级菜单是正常显示的，后面又加了一组内容，发现原来的子菜单不会高亮了。于是开始排查，发现是绑定的 key 设置有误。分析绑定 key 属性是为了强制刷新组件，即随着判断条件的变化，切换菜单内容。如果缺少红框中的 if (this.projectId) 判断条件，则从项目目录阅读全文

posted @ 2022-10-28 11:34 shayloyuki 阅读(661) 评论(0) 推荐(0)

若依权限指令 v-hasPermi 如何在自定义组件中使用

摘要：问题对于按钮权限，若依封装了自定义指令 v-hasPermi，如下所示：点击查看代码 /** * v-hasPermi 操作权限处理 */ import store from '@/store' export default { inserted(el, binding, vnode) { co 阅读全文

posted @ 2022-10-26 10:04 shayloyuki 阅读(9903) 评论(0) 推荐(0)

记错：has no matching end tag，实际上是 v-bind 传值的引号没写全

摘要：报错： xxx has no matching end tag. 于是找了很久发现每个闭合标签都是完整的。解决办法：注释大法一一排查，结果发现是 v-bind 的属性值没有用引号正确包裹。遂记录。阅读全文

posted @ 2022-10-18 10:37 shayloyuki 阅读(307) 评论(0) 推荐(0)

轮询导入进度+环形进度条显示的坑

摘要：场景导入文件，需要实时展示导入进度。后端给了两个接口：一个是上传的接口A，一个是查询导入进度的接口B。坑1：轮询的时机之前误以为是调用A接口成功后，才轮询B接口。这样导致的问题是：不能实时展示导入进度。因为实际情况是：调用A接口成功后，再调用一次B接口，很快就得到 percentage 为阅读全文

posted @ 2022-09-02 11:42 shayloyuki 阅读(247) 评论(0) 推荐(0)