摘要: 前端多次调用1个接口, 要最后一次请求的数据,在以上示例中,我们使用`lastRequestId`来记录最后一次请求的ID,每次请求时都将`lastRequestId`更新为当前的请求ID。在请求完成后,我们只会将最后一次请求的数据保存到`lastResponse`变量中,并将其传递给`updatePageData()`函数进行页面数据的更新。这样,无论连续点击多少次`getData()`函数,只有最后一次请求的数据会被更新到页面上,其他请求的数据不会造成页面数据错乱的问题。 阅读全文
posted @ 2023-07-25 18:17 ke乐 阅读(343) 评论(0) 推荐(0)
摘要: 后台管理系统-权限管理操作权限可以通过后台实现,比如增删查改时调接口,根据接口返回的code码,判断是否有操作权限,然后给用户无权限的提示。 但是此做法对用户来说体验并不好,如果没有权限就不展示对应的操作按钮就行了,要做到这点的话,就需要前后端共同完成了。 需要的接口: 1、接口 :供前端添加菜单导 阅读全文
posted @ 2022-02-10 17:39 ke乐 阅读(665) 评论(0) 推荐(0)
摘要: antd+vue3实现全选&反选 效果如下: 重要代码如下: 1 <a-form-item 2 label="选择研究院" 4 v-bind="validateInfos.instituteIds" 5 > 6 <div style="margin-bottom: 10px"> 7 <a-space 阅读全文
posted @ 2022-02-10 16:01 ke乐 阅读(1318) 评论(0) 推荐(0)
摘要: 对循环的表单控件添加自定义校验 效果如下: 代码如下: 1 <template> 2 <a-form ref="formRef" :model="modelRef" v-bind="outLayout" class="layout"> 3 <a-form-item 4 v-for="(domain, 阅读全文
posted @ 2022-02-10 15:28 ke乐 阅读(2513) 评论(0) 推荐(0)
摘要: 需求: 1、自定义多选样式 2、多选值为对象数组 3、已选项侧边显示,可删除,并关联“备选”的选择状态 4、此示例为组件,数据为父组件传递而来 难点:多选项的值为对象数组,如果直接使用对象值进行匹配,由于对象的指引不同,所以即使完全相同的值,匹配也不相同。也就导致多选项的值匹配失败,显示为空。 思路 阅读全文
posted @ 2021-08-17 23:19 ke乐 阅读(2080) 评论(0) 推荐(1)
摘要: 由于vue3用的人还不多,所以有些问题博主踩了坑只能自己爬出来了,特此做个记录。如有错误,请大家指正。 回归正题,我所做的业务是,动态添加表单项,对每一项单独做校验,效果如下: 主要代码如下: 1 <a-form 2 name="custom-validation" 3 ref="formRef" 阅读全文
posted @ 2021-08-17 20:13 ke乐 阅读(7472) 评论(0) 推荐(0)