插件名称 | vue-multipane |
---|---|
发布时间 | 2020年12月22日 |
插件作者 | yansern |
vue-multipane是Vue.js组件,用于创建响应式,可调整大小的水平/垂直拆分面板。
$ npm install vue-multipane
首先,导入vue-multipane
您的Vue组件。
import { Multipane, MultipaneResizer } from 'vue-multipane';
export default {
// ...
components: {
MultiPane,
MultiPaneResizer
}
}
然后,使用多窗格组件构建拆分窗格布局。
<multipane>
<div>Pane 1</div>
<multipane-resizer></multipane-resizer>
<div>Pane 2</div>
<multipane-resizer></multipane-resizer>
<div>Pane 3</div>
</multipane>