Ver código fonte

功能测试:清空表单写法

zouzs 1 mês atrás
pai
commit
befef03517

+ 0 - 1
src/components/UploadOss/index.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import {ref} from "vue";
 import Clients from "@/utils/upload";
 
 defineProps<{

+ 7 - 3
src/views/testTable/pageTable/index.vue

@@ -32,11 +32,12 @@
     </PlusPage>
     <!-- 弹窗编辑 -->
     <PlusDialogForm
+        ref="dialogForm"
         v-model:visible="visible"
         @change="handleChange"
         @confirm="handleSubmit"
         @submit-error="handleSubmitError"
-        @reset="handleReset"
+        @close="handleClose"
         :form="{ columns, labelPosition: 'top', rules, rowProps: {gutter: 20}, colProps: {span: 12} }"
         :dialog="{ title: dialogTitle + '用户组', width: 800, confirmLoading }"
     />
@@ -282,6 +283,8 @@ const tableConfig: PlusColumn[] = [
 
 const dialogVisible = ref(false);
 
+const dialogForm = ref(null);
+
 const state = reactive<FieldValues>({
   status: '0',
   name: '',
@@ -547,8 +550,9 @@ const handleSubmit = (values: FieldValues) => {
 const handleSubmitError = (err: any) => {
   console.log(err, 'err')
 }
-const handleReset = () => {
-  console.log('handleReset')
+const handleClose = () => {
+  // 重置表单
+  dialogForm.value.formInstance.resetFields()
 }
 
 buttons.value = [

+ 3 - 2
src/views/testUpload/upload-oss/index.vue

@@ -9,6 +9,8 @@ defineOptions({
 onMounted(async () => {
 
 })
+
+let fileList = ref()
 </script>
 
 <template>
@@ -17,8 +19,7 @@ onMounted(async () => {
       <div slot="header" class="clearfix">
         <span>上传组件</span>
       </div>
-      <el-button class="mt-5" type="primary">获取token</el-button>
-      <UploadOss class="mt-5"></UploadOss>
+      <UploadOss :file-list="fileList" class="mt-5"></UploadOss>
     </el-card>
   </div>
 </template>