u

code/base-project/base-vue/src/App.vue

@@ -18,16 +18,13 @@ const dragHandle = ref<HTMLElement | null>(null)
     打开 Header 拖拽
   </AButton>
 
-  <!-- ref 拖拽 -->
-  <AModal v-model:visible="visible2" :draggable="true" :draggable-ref="dragHandle">
-    <template #title>
-      Ref 拖拽示例
-    </template>
-    <div ref="dragHandle" style="padding:10px; background:#ffdede; cursor:move;">
-      拖拽这个区域 (ref)
-    </div>
-    <p>Modal 内容</p>
-  </AModal>
+<AModal v-model:visible="visible2" :draggable="true" draggable-selector=".drag-area">
+  <div class="drag-area" style="padding:10px; background:#ffdede; cursor:move">
+    拖拽这里
+  </div>
+  <p>Modal 内容</p>
+</AModal>
+
   <AButton @click="visible2 = true">
     打开 Ref 拖拽
   </AButton>