naive ui tabs切换,属性placement设置标签位置
时间: 2023-10-09 09:17:20 浏览: 62
Naive UI是一个Vue 3组件库,提供了一些常用的UI组件,包括Tabs切换。Tabs组件中的placement属性用于设置标签位置,具体取值如下:
- top:标签在顶部
- bottom:标签在底部
- left:标签在左侧
- right:标签在右侧
你可以将该属性设置为需要的位置值,例如:
```html
<n-tabs placement="left">
<n-tab-pane title="Tab 1">Content 1</n-tab-pane>
<n-tab-pane title="Tab 2">Content 2</n-tab-pane>
<n-tab-pane title="Tab 3">Content 3</n-tab-pane>
</n-tabs>
```
上述代码将Tabs组件的标签位置设置为左侧。