jjzjj

triggerDragging

全部标签

50行代码用Vue实现可拖拽调节的分割布局

按住分割线调节比例实现并不难,但是网上其他的文章实在是把简单的事情复杂化了今天教大家的方法超级简洁!!!!只用50行代码!!当鼠标在分割线位置按下时triggerDragging变量变为true这时split-pane-wrapper的mousemove中判断triggerDragging如果为true则改变leftOffset,pane-left的width就会随之改变pane-trigger-con的width是固定的而pane-right采用了弹性布局的flex:1;使其填充剩余部分,填充部分适合用于网页的内容展示部分exportdefault{name:"Home",data(){re