fa-el-ui
v0.0.1
Published
> Vue3 + Element Plus + Typescript 疯装的业务组件库. > 由 [`der-cli`](https://der-cli.vercel.app) 保驾护航
Downloads
51
Maintainers
Readme
VUPP
Vue3 + Element Plus + Typescript 疯装的业务组件库. 由
der-cli
保驾护航
开始
快速启动一个 vite 项目:
$ yarn create vite demo --template vue-ts
$ cd demo
$ yarn
$ yarn dev
安装依赖
$ yarn add element-plus @element-plus/icons-vue
$ yarn add vupp
使用
示例请参考examples.
// src/main.ts
import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import * as Icons from "@element-plus/icons-vue";
import App from "./App.vue";
import vupp from "vupp"; // all in
import "vupp/lib/style.css";
const app = createApp(App);
app.use(router);
app.use(ElementPlus);
app.use(vupp);
app.mount("#app");
使用
<template>
<v-date-selector
@startChange="handleStartChange"
@endChange="handleEndChange"
:startOptions="startOptions"
/>
<br />
<v-date-selector
:disableBeforeToday="false"
@startChange="handleStartChange"
@endChange="handleEndChange"
/>
</template>
<script setup lang="ts">
const handleStartChange = (data: Date) => {
console.log("startChange", data);
};
const handleEndChange = (data: any) => {
console.log("startChange", data);
};
// extend
let startOptions = {
clearable: false,
};
</script>