摘要: 场景: 1. 某一页面查询数据时,发起第一次请求 2. 修改查询条件后,发起第二次请求 3. 当第一次请求返回时间迟于第二次请求,此时第一次结果覆盖第二次页面结果,导致查询条件与展示结果不一致问题 解决方法: 再次发起请求时,取消上次请求 let controller = null; let loa 阅读全文
posted @ 2023-09-21 11:00 喵星人&龙 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 使用场景:将上传的图片缓存到本地(文件流无法缓存到本地存储中) // base64转文件 export function base64ToFile(base64: any, fileName: string) { if(!base64) return let data = base64.split( 阅读全文
posted @ 2023-09-21 10:04 喵星人&龙 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 1.升级版 点击翻页/滚动预览 <div className={styles.pdfModal}> <div className={styles.pdf_container} ref={scrollDom} style={numPages==1? {margin: 'auto'}: {}} onCo 阅读全文
posted @ 2021-11-12 11:20 喵星人&龙 阅读(462) 评论(0) 推荐(0) 编辑
摘要: 1.安装并引入react-pdf https://github.com/wojtekmaj/react-pdf/blob npm i react-pdf --save import { Document, Page, pdfjs } from 'react-pdf'; pdfjs.GlobalWor 阅读全文
posted @ 2021-11-11 14:36 喵星人&龙 阅读(2892) 评论(0) 推荐(0) 编辑
摘要: 1.chinese:中文 2.beautify: 美化 3.auto rename tag : 自动重命名对应标签 4.bracket pair colorizer: 括号颜色区分 5.code spell checker: 代码拼写检查 6.path intellisense: 路劲自动补全 7. 阅读全文
posted @ 2021-11-10 11:11 喵星人&龙 阅读(27) 评论(0) 推荐(0) 编辑
摘要: <Modal title="请选择模板" visible={true} width="428px" centered={true} className='creatModal' getContainer={false} //1.排除警告 onCancel={closeCreatModal} foot 阅读全文
posted @ 2021-11-04 14:10 喵星人&龙 阅读(2136) 评论(0) 推荐(0) 编辑
摘要: 当我们需要上传照片到服务器上时,我们需要将照片转换成文件流的形式。(FormData对象无法直接查看内部属性,需要使用get方法查看) 代码片段 HTML <el-upload class="upload-demo" ref="upload" action="" //必要属性,手动上传可设置为空 : 阅读全文
posted @ 2021-02-20 10:55 喵星人&龙 阅读(962) 评论(0) 推荐(0) 编辑
摘要: 首先回顾一下父子组件生命周期的执行顺序: 加载渲染过程 父beforeCreate > 父created > 父beforeMount > 子beforeCreate > 子created > 子beforeMount > 子mounted > 父mounted 子组件更新过程 父beforeUpd 阅读全文
posted @ 2020-12-26 19:44 喵星人&龙 阅读(5271) 评论(1) 推荐(1) 编辑
摘要: 首先表格导出需要使用到js-xlsx库,vue通过npm install xlsx安装后使用important XLSX from 'xlsx'导入 代码片段: html <el-button class="btn" type="primary" @click="onExport">导出</el-b 阅读全文
posted @ 2020-11-29 12:42 喵星人&龙 阅读(3036) 评论(0) 推荐(0) 编辑
摘要: 该组件是基于bootstrap的datetimepicker插件,所以在使用前先引入bootstrap.min.js和bootstrap.min.css,同时引入bootstrap-datetimepicker.min.js和bootstrap-datetimepicker.min.css。 另外, 阅读全文
posted @ 2020-11-16 11:16 喵星人&龙 阅读(1992) 评论(0) 推荐(0) 编辑