shayloyuki

el-table 某些行不可勾选

摘要：官网文档 selectable 属性代码 <el-table-column align="center" type="selection" width="55" :selectable="checkSelectable" /> checkSelectable(row) { return !row. 阅读全文

posted @ 2024-01-12 11:10 shayloyuki 阅读(612) 评论(0) 推荐(0) 编辑

el-pagination 分页组件自定义每页条数

摘要：需求 el-pagination 中的 sizes 部分是下拉框（如下图所示）。虽然可以通过 page-sizes 属性传递数组实现自定义下拉框选项，但是无法实现手动输入每页条数。需求是：修改为允许手动输入选项的下拉框，即给 el-select 添加 allow-create 属性。分析 el- 阅读全文

posted @ 2023-12-27 15:03 shayloyuki 阅读(2191) 评论(3) 推荐(0) 编辑

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

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

posted @ 2023-12-22 15:52 shayloyuki 阅读(1020) 评论(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 阅读(3904) 评论(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 阅读(870) 评论(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 阅读(23) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-11-30 16:59 shayloyuki 阅读(820) 评论(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 阅读(9) 评论(0) 推荐(0) 编辑

关闭 Windows 自动更新

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

posted @ 2023-11-27 11:23 shayloyuki 阅读(20) 评论(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 阅读(238) 评论(0) 推荐(0) 编辑