提升上传为全局组件

src/main.js

@@ -14,6 +14,7 @@ import permission from './utils/permission'
 import scTable from './components/scTable'
 import scFilterBar from './components/scFilterBar'
 import scUpload from './components/scUpload'
+import scUploadMultiple from './components/scUpload/multiple'
 
 const app = createApp(App);
 
@@ -30,5 +31,6 @@ app.use(ElementPlus, {size: 'small', zIndex: 1000 ,locale: locale});
 app.component('scTable', scTable);
 app.component('scFilterBar', scFilterBar);
 app.component('scUpload', scUpload);
+app.component('scUploadMultiple', scUploadMultiple);
 
 app.mount('#app');

src/views/vab/upload.vue

@@ -3,8 +3,8 @@
 
 		<el-card shadow="never" header="基础示例">
 			<sc-upload v-model="imgurl" :action="uploadUrl"></sc-upload>
-			<sc-upload v-model="avatar" title="自定义标题" icon="el-icon-picture-outline" :action="uploadUrl"></sc-upload>
+			<sc-upload v-model="imgurl2" title="自定义标题" icon="el-icon-picture-outline" :action="uploadUrl"></sc-upload>
-			<sc-upload v-model="avatar" :action="uploadUrl" accept=".xls,.xlsx" :on-success="success" :width="220">
+			<sc-upload v-model="imgurl3" :action="uploadUrl" accept=".xls,.xlsx" :on-success="success" :width="220">
 				<div class="custom-empty">
 					<i class="el-icon-upload"></i>
 					<p>自定义插槽</p>
@@ -43,19 +43,14 @@
 </template>
 
 <script>
-	import multiple from '@/components/scUpload/multiple'
-
 	export default {
 		name: 'upload',
-		components: {
-			scUploadMultiple: multiple
-		},
 		data() {
 			return {
 				uploadUrl: this.$API.demo.upload.url,
 				imgurl: "images/avatar.jpg",
-				avatar: "",
+				imgurl2: "",
-				imgs: "images/avatar.jpg,images/avatar2.gif,images/avatar3.gif",
+				imgurl3: "",
 				form: {
 					img1: "",
 					img2: "",