diff --git a/src/views/demo/comp/modal/index.vue b/src/views/demo/comp/modal/index.vue
index 31b35e7c..8a44fb2d 100644
--- a/src/views/demo/comp/modal/index.vue
+++ b/src/views/demo/comp/modal/index.vue
@@ -76,19 +76,19 @@
         // }, 2000);
       }
 
-      function openTargetModal(index) {
+      function openTargetModal(index: number) {
         switch (index) {
           case 1:
-            currentModal.value = Modal1;
+            currentModal.value = Modal1 as ComponentOptions;
             break;
           case 2:
-            currentModal.value = Modal2;
+            currentModal.value = Modal2 as ComponentOptions;
             break;
           case 3:
-            currentModal.value = Modal3;
+            currentModal.value = Modal3 as ComponentOptions;
             break;
           default:
-            currentModal.value = Modal4;
+            currentModal.value = Modal4 as ComponentOptions;
             break;
         }
         nextTick(() => {
diff --git a/src/views/demo/feat/ws/index.vue b/src/views/demo/feat/ws/index.vue
index 31deafd3..5cb4499b 100644
--- a/src/views/demo/feat/ws/index.vue
+++ b/src/views/demo/feat/ws/index.vue
@@ -9,9 +9,7 @@
         <hr class="my-4" />
 
         <div class="flex">
-          <a-input v-model:value="server" disabled>
-            <template #addonBefore> 服务地址 </template>
-          </a-input>
+          <a-input v-model:value="server" addon-before="服务地址" disabled />
           <a-button :type="getIsOpen ? 'danger' : 'primary'" @click="toggle">
             {{ getIsOpen ? '关闭连接' : '开启连接' }}
           </a-button>