本页导航
article
组件安装
AI摘要
本文介绍了基于Vue 3和Element Plus的上传组件库的安装与使用方法。主要内容包括两种引入方式:一是全局引入,安装后即可在组件中直接使用;二是按需引入,需在组件中单独注册。文章核心是指导开发者如何根据项目需求,选择合适的方式集成该上传组件。
基于 Vue 3 和 Element Plus 的上传组件库。
安装
pnpm install liyao-vue-common
使用方法
全局引入
import { createApp } from 'vue'
import App from './App.vue'
import liyaoVueCommon from 'liyao-vue-common'
import 'liyao-vue-common/dist/style.css'
const app = createApp(App)
app.use(liyaoVueCommon)
app.mount('#app')
然后在组件中直接使用:
<template>
<uploadCos :uploadFileApi="yourUploadFunction" />
<uploadLocal :importFile="yourImportFunction" />
</template>
按需引入
import { uploadCos, uploadLocal } from 'liyao-vue-common'
import 'liyao-vue-common/dist/style.css'
然后在组件中注册和使用:
<script>
import { uploadCos, uploadLocal } from 'liyao-vue-common'
export default {
components: {
uploadCos,
uploadLocal
}
}
</script>
<template>
<uploadCos :uploadFileApi="yourUploadFunction" />
<uploadLocal :importFile="yourImportFunction" />
</template>
最后更新于 2026-02-17 19:41