行走的蒲公英

摘要： 用到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 阅读全文

摘要： 1. get请求（参数为对象） 请求地址是，参数用&拼接： 例如：参数格式为一个对象： 请求地址： 请求写法： export function approvalList(data) { return request({ url: '/approval/list', method: 'get', pa 阅读全文

摘要： 平时开发中，遇到要写报表，支持文本换行。类似下图： 这里用到vue3 + element plus ，用的【栅格布局 + flex布局】写法： <template> <div class="app-container"> <el-row> <el-col :span="3"><div class=" 阅读全文

摘要： // css代码 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 注意，样式不生 阅读全文

摘要： function flatFormat(arr, result = []) { for (let i; i < arr.length; i++) { if (Array.isArray(arr[i])) { flatFormat(arr[i], result); } else { result.pu 阅读全文