el-tabs如何设置标题显示在底部

时间:2024-10-15 03:53:59

1、打开一个vue文件,添加一个el-tabs组件,设置默认选中第一个tab。如图

el-tabs如何设置标题显示在底部
el-tabs如何设置标题显示在底部

2、在el-tabs标签上添加tab-position属性,设置值为bottom,用于设置Tabs标签页标题在底部。如图

el-tabs如何设置标题显示在底部
el-tabs如何设置标题显示在底部

3、保存vue文件后用浏览器打开,这个时候就可以看到Tabs 标签页标题在底部了。如图

el-tabs如何设置标题显示在底部
© 手抄报圈