feat 自定义订阅

src/components/cards/SubscribeCard.vue

@@ -11,12 +11,12 @@ const props = defineProps({
   media: Object as PropType<Subscribe>,
 })
 
+// 定义触发的自定义事件
+const emit = defineEmits(['remove', 'save'])
+
 // 提示框
 const $toast = useToast()
 
-// 是否显示卡片
-const cardState = ref(true)
-
 // 图片是否加载完成
 const imageLoaded = ref(false)
 
@@ -112,8 +112,10 @@ async function removeSubscribe() {
       `subscribe/${props.media?.id}`,
     )
 
-    if (result.success)
-      cardState.value = false
+    if (result.success) {
+      // 通知父组件刷新
+      emit('remove')
+    }
   }
   catch (e) {
     console.log(e)
@@ -143,10 +145,12 @@ async function updateSubscribeInfo() {
     const result: { [key: string]: any } = await api.put('subscribe', subscribeForm)
 
     // 提示
-    if (result.success)
+    if (result.success) {
       $toast.success(`${props.media?.name} 更新成功！`)
-    else
-      $toast.error(`${props.media?.name} 更新失败：${result.message}！`)
+      // 通知父组件刷新
+      emit('remove')
+    }
+    else { $toast.error(`${props.media?.name} 更新失败：${result.message}！`) }
   }
   catch (e) {
     console.log(e)
@@ -220,7 +224,6 @@ const dropdownItems = ref([
 
 <template>
   <VCard
-    v-if="cardState"
     :key="props.media?.id"
     :class="`${subscribeForm.best_version ? 'outline-dashed outline-1' : ''}`"
     @click="editSubscribeDialog"