This is an overview of the most common usage of SegmentedBar. For more information about the available properties, methods, or events, head over to the complete API documentation for SegmentedBar.
O componente SegementedBar oferece uma maneira simples de mostrar uma coleção de abas para seleção.
<SegmentedBar :items="listOfItems" selectedIndex="0"
@selectedIndexChange="onSelectedIndexChange" />
Nota: Esse componente suporta two-way data binding usando v-model
:
<SegmentedBar :items="listOfItems" v-model="selectedItem" />
nome | tipo | descrição |
---|---|---|
items | Array<SegmentedBarItem> | Uma lista de itens para mostrar na barra segmentada. |
selectedIndex | Number | O index do item selecionado. |
selectedBackgroundColor | Color | Define a cor de fundo do item selecionado. Para definir a cor de fundo da barra inteira, use backgroundColor . |
nome | descrição |
---|---|
selectedIndexChange | Emitido quando um item da barra segmentada é tocado |
Android | iOS |
---|---|
android.widget.TabHost | UISegmentedControl |