shayloyuki

点击按钮的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 阅读(43) 评论(0) 推荐(0)

关闭 Windows 自动更新

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

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

封装 luckysheet 组件

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

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

luckysheet 的安装

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

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

新版本 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 shayloyuki 阅读(2623) 评论(0) 推荐(0)

同时调用多个异步请求

摘要：需求为了减少页面等待时间，现有多个接口，需要同时调用。解决有两种写法： Promise.all([interfaceName1(para1), interfaceName2(para2)]).then().catch() Promise.all(arr)中的参数 arr ：由接口名称（接口参数阅读全文

posted @ 2023-11-17 15:05 shayloyuki 阅读(110) 评论(0) 推荐(0)

async 和 await 如何捕获异常

摘要：前言之前代码写法中使用 async 和 await，没有捕获异常，导致不满足 code 200 条件时，页面无法抛出错误，如下所示： async 和 await submitForm() { this.$refs["form"].validate(async (valid) => { if (!v 阅读全文

posted @ 2023-11-17 14:49 shayloyuki 阅读(301) 评论(0) 推荐(0)

点击输入框，底部弹出下拉框显示输入建议

摘要：需求点击输入框时，或者输入内容时，底部弹出下拉框显示输入建议。选择某项输入建议后，输入框显示该内容。输入建议列表根据输入的内容模糊搜索返回；若输入内容为空，则返回全部输入建议。效果类似于搜索引擎的搜索栏：分析 <input /> 原生属性 autocomplet，若为 on 则下拉框形式展阅读全文

posted @ 2023-11-15 11:53 shayloyuki 阅读(1262) 评论(0) 推荐(0)

表格数据拖拽排序 sortable.js

摘要：需求拖拽表格的行数据，实现排序。问题拖拽后调用接口，但视图没变，还是原来的顺序场景：拖拽表格行数据后，tableDataArr 中数据的 orderNum 值会改变，实现拖拽换序。期望情况：页面根据更改后的 orderNum 重新排序。实际情况：接口数据变了，但是页面行数据没有改变。也就阅读全文

posted @ 2023-11-14 14:00 shayloyuki 阅读(1333) 评论(0) 推荐(0)