vue中多组件调用，实现上下分屏，上下拖动

上下屏幕分两屏，中间横向是可以拖动

多个页面调用互不影响滑动流畅 

效果如下

实现过程

首先下载directives  然后在main中引入js文件

directives可以再  在  miss55776   公众号 发送 【vue拖拽】即可获取

import directives from './utils/directives.js'

new Vue({el: '#app',directives,template: '',components: { App }
})

然后再需要用的页面调用

调用例子可以参考以下方法

 必要条件 class="movetable"  这类不能少  

 hr {cursor: n-resize} 这样式也是不能少  

即可实现 

如有不懂的地方请联系我哟   扫码关注