通用方法

本小节，分享前端项目的常用方法。

#1. $tab 对象

@tab 对象，由 plugins/tab.js (opens new window)实现，用于 Tab 标签相关的操作。它有如下方法：

① 打开页签

② 修改页签

③ 关闭页签

④ 刷新页签

⑤ 关闭所有页签

⑥ 关闭左侧页签

⑦ 关闭右侧页签

⑧ 关闭其它页签

#2. $modal 对象

@modal 对象，由 plugins/modal.js (opens new window)实现，用于做消息提示、通知提示、对话框提醒、二次确认、遮罩等。它有如下方法：

① 提供成功、警告和错误等反馈信息

② 提供成功、警告和错误等提示信息

③ 提供成功、警告和错误等通知信息

④ 提供确认窗体信息

⑤ 提供遮罩层信息

#3. $auth 对象

@auth 对象，由 plugins/auth.js (opens new window)实现，用于验证用户是否拥有某（些）权限或角色。它有如下方法：

① 验证用户权限

② 验证用户角色

#4. $cache 对象

@auth 对象，由 plugins/cache.js (opens new window)实现，基于 session 或 local 实现不同级别的缓存。它有如下方法：

对象名称	缓存类型
session	会话级缓存，通过 sessionStorage (opens new window)实现
local	本地级缓存，通过 localStorage (opens new window)实现

① 读写 String 缓存

② 读写 JSON 缓存

③ 删除缓存

#5. $download 对象

$download 对象，由 plugins/download.js (opens new window)实现，用于各种类型的文件下载。它有如下方法：

方法列表

在 user/index.vue (opens new window)页面中，导出 Excel 文件的代码如下图：

导出 Excel 文件

上次更新: 2023/03/01, 00:29:36