写在最前
针对于在vue中实现拖拽改变两左右个div大小的方式，请查看上一篇文章《vue中实现拖动调整左右两侧div的宽度》。此文章主要针对于实际应用中需要拖拽改变大小的组件中使用ifr a me框架时存在明显卡顿的问题，比如这样，右侧div中使用了一个ifr a me组件，导致实际操作中出现两个问题，一个是拖不动，另外一个是无法根据鼠标移动，快速响应，甚至在监听鼠标的按下和松开事件上都有明显的卡顿问题。如果去除右侧ifr a me框架，则没有问题。
有ifr a me情况
无ifr a me
所以还是自己动手丰衣足食，还是坚持简单就是美的代码风格。
试试在ifr a me里嵌入一个测试页面，你可以使用鼠标拖动项目，调整分类： 当然，这并不是我要的最终效果，只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上，还要增加自动排序，位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下，如要复制，请先查看纯文本版本！ 代码如下: Drag & Drop Test <meta http-equiv=”content-ty
左边ifr a me放树目录，右边的ifr a me放index页。拖鼠标同时控制2个ifr a me的宽高。期待有人能改进。操作方法：鼠标指到2个ifr a me中间，可以水平拖，纵向拖(控制高度)缺点：CSDN页面放开鼠标后才改大小，不占CPU资源。 这个是实时改大小，所以速度太慢，希望有人来改改。我是不想弄了，反正又没用什么特别的技术。提示：拖动的秘密就在filter:alpha(opacity=0)这一句 代码如下: [removed] var mouseX = 0; var mou
