码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-05 15:24:47      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:bsp   vue   onclick   ref   简单   split   href   style   lse   

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"),
},

举例:

 

 

 

 

 

 

 

 

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

标签:bsp   vue   onclick   ref   简单   split   href   style   lse   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!