diff --git a/src/views/demo/table/complex-table.vue b/src/views/demo/table/complex-table.vue
index 940cd26b..bf815c0e 100644
--- a/src/views/demo/table/complex-table.vue
+++ b/src/views/demo/table/complex-table.vue
@@ -382,7 +382,7 @@ interface Form {
 }
 
 const formData = ref<Form>({});
-const rules = {
+const rules = reactive<FormRules>({
   type: [{ required: true, message: "type is required", trigger: "change" }],
   timestamp: [
     {
@@ -393,7 +393,7 @@ const rules = {
     },
   ],
   title: [{ required: true, message: "title is required", trigger: "blur" }],
-};
+});
 const dialogStatus = ref<any>();
 const textMap: any = {
   update: "Edit",