本页导航
article
组件安装
AI摘要
本文介绍了 liyao-vue-common 上传组件库的安装方法和使用方式。组件库基于 Vue 3 和 Element Plus,支持通过 pnpm 安装。用户可以选择全局引入或按需引入组件,文中提供了详细的代码示例,便于开发者快速集成上传功能。整体内容简洁明了,适合前端开发者参考使用。
基于 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>
最后更新于 2025-09-30 20:31