splitpane实现窗格的拆分调整

最新推荐文章于 2024-12-27 10:05:11 发布

低级前端

最新推荐文章于 2024-12-27 10:05:11 发布

阅读量761

点赞数 1

分类专栏： Vue学习 Vue3学习+实战文章标签： vue.js 前端 javascript css3 sass

本文链接：https://blog.csdn.net/weixin_44632398/article/details/132117049

版权

Vue学习同时被 2 个专栏收录

29 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

Vue3学习+实战

12 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Vue.js项目中使用SplitPane组件进行窗格的拆分和调整。通过引用和注册插件，结合代码示例，详细阐述了实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考网站：分裂窗格 (antoniandre.github.io)
代码示例：
第一步：项目中没有这个拖拽插件时候需要先安装

npm i splitpanes@legacy

第二步：在需要使用的界面导入并注册组件

<script>
import { Splitpanes, Pane } from "splitpanes";
import "splitpanes/dist/splitpanes.css";
export default {
  components: {
    Splitpanes,
    Pane,
  },
  }
</script>

第三步：在组件中使用

<template>
  <div class=

了解本专栏

超级会员免费看