v-loading 对滚动轴部分遮盖不全
摘要：问题场景 给有滚动轴的盒子添加了 v-loading 遮罩层，但发现：当盒子内容滚动到底部，刷新页面时，遮罩层无法覆盖盒子底部的区域。如下图所示： 模板代码 <div class="content" v-loading="defLoading"> <el-form class="form"> <!-
阅读全文
posted @ 2023-11-30 16:59
11 2023 档案
点击按钮的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
关闭 Windows 自动更新
摘要：前言 windows 系统自动更新很烦人，推迟更新只能推迟一段时间，特别是睡眠状态下也会自动更新。 采取下面这个办法可以彻底关闭自动更新。 最终页面显示： 参考链接 五大方法 永久彻底关闭WIN10系统自动更新【已验证有效】
阅读全文
posted @ 2023-11-27 11:23
npm install 遇到的一些问题
摘要：node 不是命令符 快捷键win+R，输入 cmd，打开命令窗口，输入 node，如果出现了版本信息，就说明安装成功了 node.js。 右键以管理员身份打开 vsCode，打开项目，打开终端，再次输入 npm install，就不会报此错误了。 npm ERR! code ERR_SOCKET_
阅读全文
posted @ 2023-11-22 17:59
封装 luckysheet 组件
摘要：一维数组和二维数组 根据 luckysheet.getAllSheets() 获得所有的数据表数组，其中： cellData 是 一维数组 data 是二维数组 代码 父组件 <template> <div class="app-container" v-hasPermi="['proMana:di
阅读全文
posted @ 2023-11-22 12:49
luckysheet 的安装
摘要：前言 最近有需求，把 el-table 和 vxe-table 替换为 luckysheet。据说这个可以实现和 excel 的互相复制粘贴，便于用户操作。 官方文档中 Luckysheet 安装 有两种方式： cdn 引入：有可能不是最新的，需要指定版本号。 本地引入。 居然没有 npm 安装，也
阅读全文
posted @ 2023-11-21 10:00
滚动对话框内容，已打开的下拉框超出对话框范围显示【不可行】
摘要：问题场景 点击对话框内的下拉框，显示下拉列表，纵向滚动对话框内容，已经打开的下拉列表，超出对话框范围仍然显示。 分析 下拉框列表消失的条件是下拉框失焦。 因此，有三种解决方案： 给对话框设置样式：下拉框超出对话框范围就隐藏； 给对话框内的下拉框设置：若滚动对话框，则让下拉框失焦，即关闭已打开的下拉框
阅读全文
posted @ 2023-11-20 10:28
新版本 el-input 不支持 v-model.trim，自定义指令去除首尾空格
摘要：问题场景 <el-input type="textarea" v-model.trim="value" /> 多行文本输入框无法换行。 经测试，去掉 .trim 修饰符后，就可正常换行了。 从 官网文档 ，发现 element-ui 新版本不支持 v-model 修饰符。 因此，若在新版本的 ele
阅读全文
posted @ 2023-11-17 15:46
同时调用多个异步请求
摘要：需求 为了减少页面等待时间，现有多个接口，需要同时调用。 解决 有两种写法： Promise.all([interfaceName1(para1), interfaceName2(para2)]).then().catch() Promise.all(arr)中的参数 arr ：由接口名称（接口参数
阅读全文
posted @ 2023-11-17 15:05
async 和 await 如何捕获异常
摘要：前言 之前代码写法中使用 async 和 await，没有捕获异常，导致不满足 code 200 条件时，页面无法抛出错误，如下所示： async 和 await submitForm() { this.$refs["form"].validate(async (valid) => { if (!v
阅读全文
posted @ 2023-11-17 14:49
点击输入框，底部弹出下拉框显示输入建议
摘要：需求 点击输入框时，或者输入内容时，底部弹出下拉框显示输入建议。 选择某项输入建议后，输入框显示该内容。 输入建议列表根据输入的内容模糊搜索返回；若输入内容为空，则返回全部输入建议。 效果类似于搜索引擎的搜索栏： 分析 <input /> 原生属性 autocomplet，若为 on 则下拉框形式展
阅读全文
posted @ 2023-11-15 11:53
表格数据拖拽排序 sortable.js
摘要：需求 拖拽表格的行数据，实现排序。 问题 拖拽后调用接口，但视图没变，还是原来的顺序 场景：拖拽表格行数据后，tableDataArr 中数据的 orderNum 值会改变，实现拖拽换序。 期望情况：页面根据更改后的 orderNum 重新排序。 实际情况：接口数据变了，但是页面行数据没有改变。也就
阅读全文
posted @ 2023-11-14 14:00
