1

src/pages/AILiveStreaming/LiveStream/components/test.vue

+<template>
+  <div class=""></div>
+</template>
+
+<script lang="ts" setup>
+import { onBeforeUpdate, onUpdated } from 'vue';
+
+const props = withDefaults(
+  defineProps<{
+    num: number;
+  }>(),
+  {}
+);
+
+onBeforeUpdate(() => {
+  console.log('num更新之前执行');
+});
+onUpdated(() => {
+  console.log('num更新之后执行');
+});
+</script>
+
+<style lang="less"></style>

src/pages/AILiveStreaming/LiveStream/index.vue

 <template>
-  <AdminPublicPageVue
-    :form="ManagementForm"
-    v-model:list="ManagementForm.table_list"
-    @reset="ResetFilter"
-    @PageNumChange="PageNumChange"
-  >
-    <template #edit="{ row }">
-      <!-- custom -->
-      <div class="custom-operation" @click="onEdit(row)">编辑</div>
-      <div class="custom-operation" @click="onDetail(row)">查看</div>
-      <div class="custom-operation" @click="onReply(row)">人工回复</div>
-    </template>
-    <template #status="{ row }">
-      {{ live_stream_status[row.status] }}
-    </template>
-  </AdminPublicPageVue>
+  <div>
+    <AdminPublicPageVue
+      :form="ManagementForm"
+      v-model:list="ManagementForm.table_list"
+      @reset="ResetFilter"
+      @PageNumChange="PageNumChange"
+    >
+      <template #edit="{ row }">
+        <!-- custom -->
+        <div class="custom-operation" @click="onEdit(row)">编辑</div>
+        <div class="custom-operation" @click="onDetail(row)">查看</div>
+        <div class="custom-operation" @click="onReply(row)">人工回复</div>
+      </template>
+      <template #status="{ row }">
+        {{ live_stream_status[row.status] }}
+      </template>
+    </AdminPublicPageVue>
+  </div>
 </template>
 
 <script lang="ts" setup>