Appearance
组件安装
基于 Vue 3 和 Element Plus 的上传组件库。
安装
bash
pnpm install liyao-vue-common
1
使用方法
全局引入
js
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')
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
然后在组件中直接使用:
html
<template>
<uploadCos :uploadFileApi="yourUploadFunction" />
<uploadLocal :importFile="yourImportFunction" />
</template>
1
2
3
4
2
3
4
按需引入
js
import { uploadCos, uploadLocal } from 'liyao-vue-common'
import 'liyao-vue-common/dist/style.css'
1
2
2
然后在组件中注册和使用:
html
<script>
import { uploadCos, uploadLocal } from 'liyao-vue-common'
export default {
components: {
uploadCos,
uploadLocal
}
}
</script>
<template>
<uploadCos :uploadFileApi="yourUploadFunction" />
<uploadLocal :importFile="yourImportFunction" />
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15