ElementPlus Kit

Appearance

快速开始​ ​

本节将介绍如何在项目中使用 Element Plus。

安装 ​

安全前必读

@meetjs/element-plus-kit 是基于 element-plus 进行的二次封装，所以在使用前请先安装 element-plus。element-plus可采用官网推荐的按需引入方式

库版本支持 ​

相关库版本

  • Element-Plus：2.4.x
  • Vue：3.x
  • Node: >= 18.0.0

安装 element-plus ​

Element Plus安装 👉 点击前往

安装 element-plus-kit ​

shell
# npm
npm install @meetjs/element-plus-kit --save

# yarn
yarn add @meetjs/element-plus-kit

# pnpm
pnpm add @meetjs/element-plus-kit

用法​ ​

完整引入 ​

完整引入

js
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import 'element-plus/dist/index.css'
import ElementPlusKit from '@meetjs/element-plus-kit'
import '@meetjs/element-plus-kit/dist/index.css'

const app = createApp(App)
app.use(ElementPlusKit)

组件使用 ​

vue
<template>
    <q-form ref="formRef" :model="FormValue" :form-options="formOptions" />
    <q-table  :data="data" :columns="columns"  />
</template>

按需导入 ​

vue

<template>
    <q-form ref="formRef" :model="FormValue" :form-options="formOptions" />
    <q-table  :data="data" :columns="columns"  />
</template>

<script setup lang="ts" > 
import { QForm , QTable } from '@meetjs/element-plus-kit'
</script>