diff --git a/src/views/demo/page/form/basic/index.vue b/src/views/demo/page/form/basic/index.vue
index 4a2aa60c..b7872196 100644
--- a/src/views/demo/page/form/basic/index.vue
+++ b/src/views/demo/page/form/basic/index.vue
@@ -16,6 +16,7 @@
   import { PageWrapper } from '/@/components/Page';
 
   export default defineComponent({
+    name: 'FormBasicPage',
     components: { BasicForm, PageWrapper },
     setup() {
       const { createMessage } = useMessage();
diff --git a/src/views/demo/page/form/high/index.vue b/src/views/demo/page/form/high/index.vue
index f6a6c3d6..824953e2 100644
--- a/src/views/demo/page/form/high/index.vue
+++ b/src/views/demo/page/form/high/index.vue
@@ -28,6 +28,7 @@
   import { Card } from 'ant-design-vue';
 
   export default defineComponent({
+    name: 'FormHightPage',
     components: { BasicForm, PersonTable, PageWrapper, [Card.name]: Card },
     setup() {
       const tableRef = ref<{ getDataSource: () => any } | null>(null);
diff --git a/src/views/demo/page/form/step/index.vue b/src/views/demo/page/form/step/index.vue
index b3d4d1de..a3a24ca5 100644
--- a/src/views/demo/page/form/step/index.vue
+++ b/src/views/demo/page/form/step/index.vue
@@ -33,6 +33,7 @@
   import { Steps } from 'ant-design-vue';
 
   export default defineComponent({
+    name: 'FormStepPage',
     components: {
       Step1,
       Step2,