行走的蒲公英

摘要： 一开始用的二次封装的工具方法，去加遮罩层，发现进度数字无法响应式更新。 改进： import request from '@/utils/request'; import { ElLoading } from 'element-plus'; const loadProgress = ref('0') 阅读全文

摘要： flex .parent { display: flex; justify-conent: center; align-items: center; } 或者直接 .parent { display: flex; } .child { margin: auto; } table .parent { 阅读全文

摘要： 最近有个需求，要求批量下载腾讯云cos文件，并打包压缩。 1. 方案一 起初用的方案，文件数据一直是以 blob 方式传递的，小文件可以成功下载，但是遇到大文件（比如几个G）一直等待且不加遮罩层loading的情况下体验效果很差。 import { saveAs } from 'file-saver 阅读全文

摘要： server{ listen 9001; // 使该服务器块监听在 TCP 端口 9001 上 listen 9000 ssl http2; // 使该服务器块在 TCP 端口 9000 上监听 HTTPS 请求，并启用 HTTP/2 协议。 server_name siyuan.terwergre 阅读全文

摘要： 用到element plus 表格，:show-overflow-tooltip="true" 属性在 "element-plus": "2.2.27", 版本不支持修改el-tooltip文本的样式： 满足2点需求：①文字只有一行不显示悬浮框；②超出一行显示省略号，鼠标有悬浮框，且保留文本的换行效 阅读全文

摘要： 需要用到分页计算： <el-table :data="tableData"> <el-table-column label="序号"> <template #default="{ row, column, $index }"> {{ ($index + 1) + (currentPage - 1) 阅读全文

摘要： 现有一个需求，表格单选带radio的效果，目前UI库还不支持。只能自行实现：贴下效果图： 用到vue3 + element plus: 关键代码： <!-- 表格 --> <el-table ref="refsTable" @row-click="clickRow" :data="tableData 阅读全文

摘要： 在el-form标签上写阻止默认事件： 阅读全文

摘要： 这里记录下，自定义指令相关思路，用到 vue3 + element plus： 说明一下使用场景：创建自定义指令 v-hasPermi , 用来判断按钮权限的（新增/编辑/删除/查看等）。 1. 页面使用（全局使用，无需引入）： <el-button type="primary" icon="Plu 阅读全文

摘要： 截取浏览器url function getBowserUrl(path) { let result = ''; if (path) { // 获取当前URL var currentURL = window.location.href; // 使用URL API来解析URL var urlObject 阅读全文