在使用Element框架开发vue项目时,Tabs标签页默认显示在顶部,那如何设置哌囿亡噱Tabs标签页显示在右边呢呢?如图
工具/原料
小米pro15.6
win10
方法/步骤
1、打开一个vue文件,添加一个el-tabs组件,设置默认选中第一个tab。如图
2、在el-tabs标签上添加tab-position属性,设置对应的值为right,腩柽鬣盛用于设置Tabs标签页显示在右边。如图
3、保存vue文件后用浏览器打开,这个时候就可以看到Tabs标签页显示在右边了。如图
在使用Element框架开发vue项目时,Tabs标签页默认显示在顶部,那如何设置哌囿亡噱Tabs标签页显示在右边呢呢?如图
工具/原料
小米pro15.6
win10
方法/步骤
1、打开一个vue文件,添加一个el-tabs组件,设置默认选中第一个tab。如图
2、在el-tabs标签上添加tab-position属性,设置对应的值为right,腩柽鬣盛用于设置Tabs标签页显示在右边。如图
3、保存vue文件后用浏览器打开,这个时候就可以看到Tabs标签页显示在右边了。如图