vue中实现拖动调整左右两侧div的宽度的示例代码

写在最前 最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样 这是我最终的实现效果 还是老话，因为我不是专业的前端工程师，只是兼职写一些简单的前端，所以这个功能的实现得益于以下博客，《vue 拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适应大小》，而我只是针对于他们提供的代码，加了亿点点自己所需要的细节。 实现原理 如上图所示，我们需要将要实现此功能的页面划分为三个部分，左部、调整区、右部，分别对应css样式为left、resize、mid，然后将这三个div放在css样式为box的div中即可 实现代码-HTML部分