unmount循环引用

src/views/myIntegral/components/settlement.ts

@@ -15,7 +15,12 @@ export type UserInfo = {
 };
 
 export const showSettlement = (props: UserInfo) => {
-	const { unmount } = mountComponent(Settlement, props);
+	const { unmount } = mountComponent(Settlement, {
+		...props,
+		close: () => {
+			unmount();
+		},
+	});
 	return {
 		unmount,
 	};

src/views/myIntegral/components/settlement.vue

@@ -14,7 +14,7 @@
 					</CellGroup>
 					<div class="submit-box">
 						<Button :loading="loading" type="primary" hairline native-type="submit" loading-text="结算中..."> 提交 </Button>
-						<Button type="default" hairline @click="unmountComponent"> 取消 </Button>
+						<Button type="default" hairline @click="props.close"> 取消 </Button>
 					</div>
 				</Form>
 			</div>
@@ -34,6 +34,7 @@
 		headImage: string;
 		achievement: number;
 		achievementSettled: number;
+		close: () => void;
 	}>();
 	const settlePoints = ref<number>(props.achievement);