wtsk-comps
v1.3.4
Published
一款基于Vue3+Element Plus的基础组件库(wtsk-btn/form/table/tree)
Readme
一款基于Vue3+Element Plus的后台管理类基础组件库,包含表格、表单、按钮、树组件
注意事项
- 项目需基于Vue3开发
- Node.js版本需≥ 20.0.0
使用方法
第一步:安装项目所需依赖(已有可忽略)
npm install sass -Dnpm install element-plus --save注意:element-plus版本需 ≥ 2.11.3
npm install @element-plus/icons-vue --savenpm install wtsk-comps --save第二步:全局引入组件及依赖
在main.js中引入wtsk-comps组件及相关依赖。
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import WtskComps from 'wtsk-comps'
import 'wtsk-comps/dist/index.css'
const app = createApp(App)
app.use(ElementPlus).use(WtskComps).mount('#app')注意:因组件是基于Element Plus已有组件进行的封装,所以使用时需全局引入element-plus。
第三步:项目中直接使用组件
在项目中直接使用wtsk-comps组件即可,目前支持(wtsk-btn/form/table/tree),使用方式见组件文档。
<template>
<div>
<wtsk-btn>默认按钮</wtsk-btn>
</div>
</template>