shayloyuki

el-tree 的 setCheckedKeys() 无效

摘要：问题打开对话框时，加载里面的树，并且勾选默认节点。在对话框中监听 dialogOpen 为 true 时就调用 el-tree 的 setCheckedKeys() 方法。但是总是报错无法读取树。试过 $nextTick 也不行。 watch: { // 监听对话框是否打开 dialogOpen 阅读全文

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

clearValidate() 清除表单校验提示无效

摘要：问题在一个循环部分字段的对话框表单中，关闭对话框时清除校验提示无效。原代码如下：对话框代码  <el-dialog class="dialog" :title="dialogTitle" :visible.sync="dialogOpen" width="800p 阅读全文

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

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

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

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

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

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

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

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

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

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

el-menu 菜单不高亮

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

posted @ 2022-11-15 16:12 shayloyuki 阅读(704) 评论(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 阅读(1120) 评论(0) 推荐(1)

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

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

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

el-menu 子菜单不高亮显示

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

posted @ 2022-10-28 11:34 shayloyuki 阅读(654) 评论(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 阅读(9853) 评论(0) 推荐(0)