为dialog框添加隐藏即销毁功能

src/views/complaint/index.vue

@@ -216,7 +216,7 @@ init();
         <el-button @click="resetForm(complaintFormRef)">重置</el-button>
       </el-form>
     </div>
-    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355">
+    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355" destroy-on-close>
       <template #default>
         <SliderVerify ref="sliderVerifyRef" @verify="verify" @resetSlider="resetSlider" />
       </template>

src/views/creditServices/index.vue

@@ -256,7 +256,7 @@ const companyUploadInformationList = ref<any>([]);
         </div>
       </template>
     </el-dialog>
-    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355">
+    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355" destroy-on-close>
       <template #default>
         <SliderVerify ref="sliderVerifyRef" @verify="verify" @resetSlider="resetSlider" />
       </template>

src/views/message/index.vue

@@ -12,11 +12,11 @@ const verifyVisible = ref(false)
 const router = useRouter()
 const sliderVerifyRef = ref();
 const messageForm = reactive<messageData>({
-  card: '430111199911111111',
-  content: '123',
+  card: '',
+  content: '',
   enterpriseName: '',
-  name: '123',
-  phone: '13245678910',
+  name: '',
+  phone: '',
   type: 'personal_message',
   unifiedSocialCreditCode: '',
   imageCode: 0,
@@ -178,7 +178,7 @@ init()
         <el-button @click="resetForm(messageFormRef)">重置</el-button>
       </el-form>
     </div>
-    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355">
+    <el-dialog v-model="verifyVisible" title="滑动验证" draggable width="355" destroy-on-close>
       <template #default>
         <SliderVerify ref="sliderVerifyRef" @verify="verify" @resetSlider="resetSlider" />
       </template>