SOURCE

var Main = {}
Vue.createApp(Main).use(VxeUI).mount('#app')

<script src="https://unpkg.com/vue@3.5.13"></script>
<script src="https://unpkg.com/xe-utils"></script>
<script src="https://unpkg.com/vxe-pc-ui@4.5.27"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->

<div id="app">
    <div>
      <p>Split 嵌套使用演示</p>
      <div style="width: 100%; height: 300px">
        <vxe-split height="100%" style="width: 100%" :actionConfig="{ direction: 'next' }">
            <vxe-split-pane showAction>
                <vxe-split height="100%">
                    <vxe-split-pane width="200" showAction>
                        <div style="height: 100%; width: 100%; background-color: #f3e1e1"></div>
                    </vxe-split-pane>
                    <vxe-split-pane>
                        <div style="height: 100%; width: 100%; background-color: #e2f9d8"></div>
                    </vxe-split-pane>
                </vxe-split>
            </vxe-split-pane>
            <vxe-split-pane width="200">
                <div style="height: 100%; width: 100%; background-color: #d8d8f9"></div>
            </vxe-split-pane>
        </vxe-split> 
      </div>
    </div>
</div>

@import url("https://unpkg.com/vxe-pc-ui@4.5.27/lib/style.css");