shayloyuki

若依关闭页签不会销毁 keep-alive 缓存的组件

摘要：问题场景使用 keep-alive 缓存的组件。离开该页签时，组件状态为 inactive；点击该页签时，组件状态为 active。点击按钮关闭该页签 this.$tab.closePage(view)，该组件被销毁。需求：在页面A中删除数据B，则之前点击数据B打开的页签C会被关闭（使用 th 阅读全文

posted @ 2023-12-22 15:52 shayloyuki 阅读(598) 评论(0) 推荐(0) 编辑

el-date-picker 限制时间范围 picker-options 传参

摘要：需求 el-date-picker 限制时间范围的选取，不能超过某个区间 [startDate, endDate]。问题在于，disabledDate 函数的参数默认是 time，无法传递自定义参数 [startDate, endDate]。分析传递给 picker-options 的值只能是阅读全文

posted @ 2023-12-13 17:29 shayloyuki 阅读(1125) 评论(0) 推荐(0) 编辑

blob 下载文件type是否必须设置

摘要：又遇到了一件鬼打墙的事，欲哭无泪。 1 几天前，有个bug：blob文件下载，如果下载非txt文件，比如图片、xlsx，下载后的文件无法正确显示。 // 下载文件 async download(row, prop) { const res = await resourceDownload(row[p 阅读全文

posted @ 2023-12-12 14:06 shayloyuki 阅读(453) 评论(0) 推荐(0) 编辑

隐藏组件，但保留 ref

摘要：需求背景已知：二次封装 el-upload 为 Import 导入组件，点击 A 或 B，都弹出文件选择框。显示如下图所示：父组件：模板代码 <el-col :span="1.5" class="import-btn"> <import ref="importRef" :file-label 阅读全文

posted @ 2023-12-07 17:25 shayloyuki 阅读(21) 评论(0) 推荐(0) 编辑

v-loading 对滚动轴部分遮盖不全

摘要：问题场景给有滚动轴的盒子添加了 v-loading 遮罩层，但发现：当盒子内容滚动到底部，刷新页面时，遮罩层无法覆盖盒子底部的区域。如下图所示：模板代码 <div class="content" v-loading="defLoading"> <el-form class="form"> <!- 阅读全文

posted @ 2023-11-30 16:59 shayloyuki 阅读(501) 评论(0) 推荐(0) 编辑

点击按钮的bug，原因是类名和第三方库类名重复

摘要：问题场景点击按钮，父盒子会出现阴影。点击父盒子，页面有点击效果。但实际上父盒子没有绑定点击事件。模板代码 <div class="btn" v-if="showActions"> <el-row :gutter="10"> <el-col :span="1.5"> <el-button typ 阅读全文

posted @ 2023-11-30 15:05 shayloyuki 阅读(4) 评论(0) 推荐(0) 编辑

关闭 Windows 自动更新

摘要：前言 windows 系统自动更新很烦人，推迟更新只能推迟一段时间，特别是睡眠状态下也会自动更新。采取下面这个办法可以彻底关闭自动更新。最终页面显示：参考链接五大方法永久彻底关闭WIN10系统自动更新【已验证有效】阅读全文

posted @ 2023-11-27 11:23 shayloyuki 阅读(10) 评论(0) 推荐(0) 编辑

npm install 遇到的一些问题

摘要： node 不是命令符快捷键win+R，输入 cmd，打开命令窗口，输入 node，如果出现了版本信息，就说明安装成功了 node.js。右键以管理员身份打开 vsCode，打开项目，打开终端，再次输入 npm install，就不会报此错误了。 npm ERR! code ERR_SOCKET_ 阅读全文

posted @ 2023-11-22 17:59 shayloyuki 阅读(138) 评论(0) 推荐(0) 编辑

封装 luckysheet 组件

摘要：一维数组和二维数组根据 luckysheet.getAllSheets() 获得所有的数据表数组，其中： cellData 是一维数组 data 是二维数组代码父组件 <template> <div class="app-container" v-hasPermi="['proMana:di 阅读全文

posted @ 2023-11-22 12:49 shayloyuki 阅读(260) 评论(0) 推荐(0) 编辑

luckysheet 的安装

摘要：前言最近有需求，把 el-table 和 vxe-table 替换为 luckysheet。据说这个可以实现和 excel 的互相复制粘贴，便于用户操作。官方文档中 Luckysheet 安装有两种方式： cdn 引入：有可能不是最新的，需要指定版本号。本地引入。居然没有 npm 安装，也阅读全文

posted @ 2023-11-21 10:00 shayloyuki 阅读(825) 评论(0) 推荐(0) 编辑