shayloyuki

网格布局自适应（二）

摘要：前情提要之前在网格布局自适应（一）中写了每个网格固定宽度，边距大小随着屏幕宽度而变化。代码如下： // 父盒子 .div { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(300px 阅读全文

posted @ 2024-12-19 17:17 shayloyuki 阅读(1) 评论(0) 推荐(0) 编辑

如何给 el-dropdown 的 command 事件传递多个参数

摘要：问题如上图所示，可获得点击的 command，但是如果页面上有多个 el-dropdown，就无法获取当前点击的 el-dropdown 的相关数据。解决网上搜索的解决办法是：给 el-dropdown-item 绑定 command 属性时，返回函数（该函数返回一个对象，对象内包含comma 阅读全文

posted @ 2024-12-19 16:43 shayloyuki 阅读(86) 评论(0) 推荐(0) 编辑

el-select allow-create 后出现重复选项

摘要：前情提要之前封装了一个显示输入建议的组件 InputLoadMore，见链接：点击输入框，底部弹出下拉框显示输入建议后来需求更改，还要求：某个表单项选择值后，其他表单项的值自动填充；允许多选；去掉下拉框选项分页加载更多。因此，封装了智能填充组件 SmartFill。问题复现 Smart 阅读全文

posted @ 2024-08-22 14:44 shayloyuki 阅读(390) 评论(0) 推荐(0) 编辑

then catch 简易写法

摘要：为了捕获上一步 then 中的 promise 结果，必须在上一步 return；关闭遮罩层，放在 finally 中，即无论成功或失败都要执行； archiveAction(actionType, row) { const ids = row && row.id ? row.id : this. 阅读全文

posted @ 2024-07-12 17:14 shayloyuki 阅读(19) 评论(0) 推荐(0) 编辑

接口报错 cannot read properties of undefined (reading 'then')

摘要：问题遇到一个很奇怪的问题，接口返回值为 undefined 代码如下： // 归档/解档 archiveAction(actionType, row) { const ids = row && row.id ? row.id : this.ids; const tip = row && row.i 阅读全文

posted @ 2024-07-12 17:00 shayloyuki 阅读(195) 评论(0) 推荐(0) 编辑

git 报错 github 22 端口连接超时

摘要：问题 git 拉代码的时候报错如下：这在以前是没出现过的，遂搜索解决方案。解决：换为 443 端口步骤如下：在 .ssh 文件夹下新建 config 文件，输入以下内容并保存。 Host github.com Hostname ssh.github.com Port 443 git bash 阅读全文

posted @ 2024-05-07 09:52 shayloyuki 阅读(103) 评论(0) 推荐(0) 编辑

Radium 行内样式在 React18 中不生效

摘要：问题 React17 升级到 18 之后，行内样式借助 Radium 包实现 hover 和媒体查询，无法生效。 npm i radium -S 下载 Radium 依赖包 App.js import Radium from 'radium' const styleObj = { width: 1 阅读全文

posted @ 2024-04-05 12:35 shayloyuki 阅读(21) 评论(0) 推荐(0) 编辑

webpack 搭建 react

摘要：前言除了用 react 官方脚手架搭建 react 项目，也可用 webpack 搭建。记录 npm i webpack webpack-cli -D 报错解决：右键以管理员身份打开 vscode，再打开文件夹。 git add ./ 显示 The file will have its ori 阅读全文

posted @ 2024-04-05 12:13 shayloyuki 阅读(19) 评论(0) 推荐(0) 编辑

给表单项添加必填星号

摘要：问题表单校验是否必填，会给表单使用 rules 属性，传入校验规则，如下所示： <el-form :model="form" :rules="rules" > </el-form> 如果是必填的，则在校验规则中添加 required: true，如下所示。 data() { return { ru 阅读全文

posted @ 2024-02-29 17:03 shayloyuki 阅读(441) 评论(0) 推荐(0) 编辑

刷新后记忆上一次的查询参数、页面位置

摘要：需求目前页面缓存机制是 keep-alive，即点击之前页签，页面不刷新。这会导致：数据不是最新的，即在页签 A 操作数据后，点击之前打开的页签 B，页签 B 的数据仍然是旧的。需求：再次点击页签 B 时，根据之前的查询参数（包括页码）、树节点、屏幕高度（下文统称为“查询数据”）刷新页面，即实现阅读全文

posted @ 2024-02-18 14:58 shayloyuki 阅读(173) 评论(0) 推荐(0) 编辑