简介
pcadmin-base 是一款基于 Vue.js 和 Element-ui 的 PC 后台管理系统基础框架，提供了常用的组件和工具函数，可以帮助开发人员快速搭建后台管理系统。
安装
pcadmin-base 可以通过 npm 安装：
npm install pcadmin-base
安装后，在项目中引入：
import PCAdminBase from 'pcadmin-base' import 'pcadmin-base/lib/pcadmin-base.css' Vue.use(PCAdminBase)
注意：pcadmin-base 依赖于 Vue.js 和 Element-ui，需要先安装并引入它们。
使用示例
常用组件
导航菜单
<pcadmin-menu :menus="menus"/>
-- -------------------- ---- -------
------ ------- -
---- -- -
------ -
------ -
- ------ ----- ----- ----------------- ----- ------- --
-
------ -------
----- -------------------
--------- -
- ------ ------- ----- --------------------- ----- ------------ --
- ------ ------- ----- ------------------- ----- ----------- -
-
-
-
-
-
-表格
<pcadmin-table :columns="columns" :data="data"/>
-- -------------------- ---- -------
------ ------- -
---- -- -
------ -
-------- -
- ------ ----- ----- ---- --
- ------ ----- ----- ------ --
- ------ ----- ----- ----- --
- ------ ----- ----- ---------- ----- ---- -
--
----- -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- -
-
-
-
-表单
<pcadmin-form :form="form" :rules="rules"/>
-- -------------------- ---- -------
------ ------- -
---- -- -
------ -
----- -
----- ---
---- --
--
------ -
----- -
- --------- ----- -------- ------- -
--
---- -
- --------- ----- -------- ------- --
- ----- --------- -------- ---------- -
-
-
-
-
-工具函数
格式化日期
import { formatDate } from 'pcadmin-base'
formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')等待一段时间
import { wait } from 'pcadmin-base'
async function demo () {
await wait(1000) // 等待一秒钟
console.log('done')
}总结
pcadmin-base 是一个十分实用的 PC 后台管理系统基础框架，它提供了许多常用的组件和工具函数，可以很大程度上提高开发效率，减少重复代码的编写。我们可以按照上面的使用示例来尝试使用它，相信会收获不少。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e9c81e8991b448e75af