可拖拽插件splitpane_splitpanes

先下载（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>