Javascript 在“水平单击”上折叠构件，并使用“折叠样式”

我有3个利用vuetify v-data表的组件窗口

我想在我的第三个组件上添加一个按钮，将其扩展到浏览器的全尺寸，并以竖直的手风琴样式折叠其他两个组件。使用导航抽屉是最好的主意吗？Vuetify具有可折叠组件，这些组件目前只能水平工作

基本组件结构：

   <template>
     <v-data-table>
     </v-data-table> 
        <template>