shayloyuki

科技是第一生产力

 

01 2024 档案

el-color-picker 样式修改:去掉确定按钮,失去焦点生效
摘要:分析 el-color-picker 样式如下: 操作: 隐藏确定按钮; 点击组件外区域时,实现确定功能。 解决 隐藏确定按钮 添加自定义类名 popper-class="my-color-picker",然后添加如下全局样式: <style lang="scss"> // 隐藏确定按钮 .my-c 阅读全文

posted @ 2024-01-31 13:53 shayloyuki 阅读(1565) 评论(1) 推荐(0) 编辑

正则校验:不能输入中文
摘要:需求 表单项校验要求: 满足某条件时,必填; 不能输入中文。 代码 data() { var validateRelateTable = (rule, value, callback) => { if (this.form.type !== 0 && !value) { callback(new E 阅读全文

posted @ 2024-01-31 13:28 shayloyuki 阅读(957) 评论(0) 推荐(0) 编辑

github 无法访问
摘要:解决步骤 windows + R,cmd 打开命令行窗口,输入 ping github.com,看是否能 ping 通。 若不能(大概率会请求超时),文件夹路径 C:\Windows\System32\drivers\etc,记事本打开 hosts,在末尾添加以下内容并保存: 192.30.255. 阅读全文

posted @ 2024-01-23 14:25 shayloyuki 阅读(56) 评论(1) 推荐(0) 编辑

若依页面刷新 $tabs.refreshPage()
摘要:前言 若依封装了 $tab 对象,其中有个刷新页签的方法。 看了下 refreshPage() 的源码,发现是用 router.replace() 替换当前位置的。 但是当前路由地址前加了 /redirect前缀,不知这个有什么作用。查看相关源码,发现: 如果不加该前缀,控制台会报错如下: 定义了 阅读全文

posted @ 2024-01-18 14:30 shayloyuki 阅读(2864) 评论(0) 推荐(0) 编辑

页面交互逻辑比较
摘要:写这篇是为了记录下:能达到相同效果的两种不同的页面交互逻辑。 场景 侧边栏菜单分为两部分,一部分是固定,一部分是动态。如下图所示: 不同的项目,动态菜单的数量和内容不一样。处于项目 A 时,若处于动态菜单页面(比如 Piping),点击顶部下拉框切换到项目 B),那么: 之前打开的项目 A 的 Pi 阅读全文

posted @ 2024-01-17 16:42 shayloyuki 阅读(69) 评论(0) 推荐(0) 编辑

vxe-column 表头顺序:数据中改变后,但视图位置不更新
摘要:问题 在左树右表的页面中,左侧点击不同的节点,右侧表头会改变。但在某些情况下,数据中表头顺序改变了,但视图中表头位置却没变。如下图所示: 尝试 数据变了但视图未更新,猜测是vue更新机制导致的,于是把表头数组的赋值改为 $set,无效; 猜测是右侧表格组件复用导致数据未更新,(但其实 vue-dev 阅读全文

posted @ 2024-01-17 14:37 shayloyuki 阅读(728) 评论(0) 推荐(0) 编辑

多个异步请求的执行顺序
摘要:Fn() { // 以下两个都为异步请求 this.getData1() this.getData2() } this.Fn() 我以为的执行顺序是:getData1 --> getData2 但其实,顺序不一定,getData1 有时在前,有时在后。 解决:加上 async 和 await asy 阅读全文

posted @ 2024-01-17 13:31 shayloyuki 阅读(61) 评论(0) 推荐(0) 编辑

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 阅读(631) 评论(0) 推荐(0) 编辑

导航

统计

点击右上角即可分享
微信分享提示