el-tab-pane怎么改成垂直显示
时间: 2023-09-02 16:10:35 浏览: 180
vertical-tabs-chrome-extension:一种Chrome扩展名,可垂直显示您的标签。 问题解决了
要将el-tab-pane改为垂直显示,你可以使用el-tabs的属性type,并将其设置为"card"。这样,每个el-tab-pane将以卡片的形式垂直显示。例如:
<el-tabs type="card">
<el-tab-pane>内容1</el-tab-pane>
<el-tab-pane>内容2</el-tab-pane>
<el-tab-pane>内容3</el-tab-pane>
</el-tabs>
这样,el-tab-pane将以垂直的方式显示在el-tabs组件中。
#### 引用[.reference_title]
- *1* [ElementUI笔记 -- 2](https://blog.csdn.net/weixin_68540347/article/details/129192061)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue:基于el-tab,选中状态改为箭头居中指向](https://blog.csdn.net/HYeeee/article/details/109246842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文