vue-resize-split-pane 窗口分隔插件的使用

时间:2020-07-05 14:54:42   收藏:0   阅读:242

vue-resize-split-pane  插件做窗口分隔,之前没有用过,简单使用一下:

npm地址:https://developer.aliyun.com/mirror/npm/package/vue-resize-split-pane

安装插件:

cnpm install vue-resize-split-pane --save-dev

全局引入项目:

//main.js
import Vue from ‘vue‘
import ResSplitPane from ‘vue-resize-split-pane‘

Vue.component(‘rs-panes‘, ResSplitPane)

局部引入:在使用页面内

import ResSplitPane from "vue-resize-split-pane";
components: {
  "rs-panes": ResSplitPane,
},

或者这样写:

components: {
    "rs-panes": () => import ("vue-resize-split-pane"),
},

举例:

 

 

 

 

 

 

 

 

原文:https://www.cnblogs.com/fqh123/p/13246027.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!