当前位置: 首页 > Web前端 > HTML

前端日常搬砖指南

时间:2023-03-28 17:14:40 HTML

list获取列表、过滤参数、分页参数表格表格最大高度其他操作选项(操作栏提供更多下拉选项)禁止操作disabled[||combination]columns字段超出字段是数组宽度溢出flex时隐藏溢出,排序分页pageSizepageNum数据请求时序最后一页展开pageSize避免重复请求监听onPageChange合并current和size参数统一请求删除所有最后一页currentinvue通常是数据中定义的变量。当删除最后一页的最后一项时,分页变量的值保持不变,所以删除后重新请求会携带原来最后一页的参数。无法查询数据。解决方法:删除后,先重新计算当前页面信息,重新赋值后再请求列表。代码如下:(考虑到批量删除会删除多个item)/***计算批量删除后的停留页*@param{number}total*@param{number}deleteCount*@param{number}pageSize*@param{number}current*@returnspage*/exportconstafterBatchDelete=(total,deleteCount,pageSize,current)=>{constlastPage=Math.ceil((total-deleteCount)/pageSize)||1;返回当前>最后一页?最后一页:当前;};调用时机:触发删除/批量删除成功后,重新获取列表前赋值删除,第二次确认下载文件。操作选项禁止数据请求加载防止重复点击,btnLoading内置表单灵活布局快速配置表单列表抛出事件emit成功字段验证特殊字段表单标签,多个字段可添加表单组合编辑获取初始值getById去除更新干扰field,id认证menuLevel路由级组件级Loginexpired在使用过程中,登录过期,记录当前url和参数提示登录过期作为查询returnUrl传入跳转到登录页面goto="/current/page"返回当前页面登录成功时