shayloyuki

二次封装 Vue-Treeselect 组件

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

posted @ 2022-11-04 10:38 shayloyuki 阅读(860) 评论(0) 推荐(0) 编辑

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

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

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

el-menu 子菜单不高亮显示

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

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

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

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

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

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

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

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

qs 模块的使用

摘要：使用在某些接口上，必须对数据进行处理后，才能以 {} 对象形式传参： import request from '@/utils/request' import qs from 'qs' export const dataDel = params => { return request({ url: 阅读全文

posted @ 2022-08-25 16:13 shayloyuki 阅读(263) 评论(0) 推荐(0) 编辑

打印接口返回结果是 promise

摘要：需求在某些时候，需要得到 ajax 请求接口的结果数据。比如后端给了一个 id，但页面需要显示它对应的名称，这就需要在过滤器中调用接口，返回对应的数据。（不建议这样操作，建议让后端直接返回前端需要的数据，或者前端拿到 id 和名称的映射关系数据后，自己遍历获取。因为当数据量较大时，一个页面就阅读全文

posted @ 2022-08-25 15:08 shayloyuki 阅读(664) 评论(0) 推荐(0) 编辑

自定义滚动条样式不生效：横轴设置 height，纵轴设置 width

摘要：问题在修改滚动条样式时，两个类名，一个地方生效，另一个地方不生效。解决办法捣鼓很久才发现，原来横轴要设置 height，纵轴要设置 width。 // 滚动条的样式，高宽分别对应横竖滚动条的尺寸 ::v-deep .lib-table::-webkit-scrollbar, ::v-deep 阅读全文

posted @ 2022-08-25 14:52 shayloyuki 阅读(1740) 评论(0) 推荐(0) 编辑

el-table 高亮行：只有设置表格数据才生效

摘要：需求：表格若有数据，则默认高亮第一行。之前高亮的行，若在查询结果列表中，则保持高亮不变；反之，则高亮第一行。解决办法需求 1 很容易实现： created() { // 默认高亮第一行 if (this.libTable.length) { this.selectRow(this.libTa 阅读全文

posted @ 2022-08-25 14:38 shayloyuki 阅读(1201) 评论(0) 推荐(0) 编辑