vuedraggable无法拖入问题

vuedraggable无法拖入内容的问题可能是由于以下原因导致的： 首先，当容器没有初始元素时，没有内容撑开容器的默认尺寸，可能会导致无法拖入。即使给容器设置了固定的宽高，也可能无效。这是因为draggable元素的捕捉是[建立](https://geek.csdn.net/educolumn/02bf46ff825a0df64db0a77a0d987842?spm=1055.2569.3001.10083)在容器尺寸[窗口](https://geek.csdn.net/educolumn/00d3d1b467be187bf63895f811603770?spm=1055.2569.3001.10083)的基础上的。如果容器的宽高为0，那么[窗口](https://geek.csdn.net/educolumn/00d3d1b467be187bf63895f811603770?spm=1055.2569.3001.10083)在高度为0的尺寸下就无法捕捉到拖入的元素。 为了[解决](https://geek.csdn.net/educolumn/03368addd5d267af1b4c6df01bb4af26?spm=1055.2569.3001.10083)这个问题，你可以考虑以下思路： 1. 确保容器有初始元素，以便撑开容器的尺寸。 2. 如果容器的宽高不能自动撑开，可以手动设置容器的宽高，确保其足够大。 3. 如果以上方法都无效，你可以尝试使用其他的拖拽库或者查找vuedraggable的其他解决方案。 希望这些信息对解决vuedraggable无法拖入内容的问题有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【vuedraggable】目标容器为空时无法拖入](https://blog.csdn.net/qq_41790461/article/details/130802680)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chat[gpt](https://geek.csdn.net/educolumn/d2f82220638caf1d7a0d5521eb7b6775?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA5NTQ4NzEwLCJpYXQiOjE3MDg5NDM5MTAsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.Ycp4bmJnbuf-GXluSQA922QiehPy9qQiboAgoDqZFno&spm=1055.2569.3001.10083)_common_search_pc_result","utm_medium":"distribute.pc_search_result