vue中的可拖拽宽度div

主要思路

  1. 在需要拖拽宽度的区域设置一个div,高度设为 100%,宽度尽量窄一些(也不要太窄,3~6px左右)
  2. 在此div上绑定当“鼠标按下”时,触发document绑定“鼠标移动”方法和"鼠标抬起"方法
  3. 通过鼠标移动方法不断获取当前鼠标位置,设置需要变化大小div的宽高。
  4. 鼠标抬起时取消鼠标移动方法和鼠标抬起方法的绑定。





实现效果

你可能感兴趣的:(Vue,javascript,vue.js)