可拖拽插件splitpane

最新推荐文章于 2024-06-21 09:41:41 发布

今天也是干饭的一天

最新推荐文章于 2024-06-21 09:41:41 发布

阅读量3.3k

点赞数 1

文章标签： npm node.js vue.js

本文链接：https://blog.csdn.net/qq_60438949/article/details/128476653

版权

先下载（vue2）：

npm i splitpanes@legacy

然后在当前页面引入：

import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'

注册组件：

components: {
    Splitpanes,
    Pane,
  },

最后直接使用就好了：

<splitpanes class="pt-5 pb-10 px-5 boxOne">
          <pane min-size="40" max-size="60" class="h-full">
            <iframe
              :src="fileList.length ? url : ''"
              frameborder="0"
              width="100%"
              height="100%"
            ></iframe>
          </pane>
          <pane min-size="20">
            fasdfjsadkfjasljdflaskjdflkajfaksdjfkladsdjfkasjld
          </pane>
        </splitpanes>