root
/
mand-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
mand-mobile/components/tabs
History
moyu 1c6d3e1000 Fix TabPicker scroll problem (#321) 
* fix(tabs): parent child relationship context

* fix(tab-picker): prevent body scroll when manipulate with option list

* example(tab-picker): add more city data
 		2019-02-18 14:17:59 +08:00
..
demo example(tabs, tab-bar): update style 2018-12-21 17:29:05 +08:00
test test: update mand-mobile introduction 2018-12-21 18:18:05 +08:00
README.en-US.md doc: update preview links 2019-01-29 16:31:24 +08:00
README.md doc: update preview links 2019-01-29 16:31:24 +08:00
component.js feat(code clean up): 2018-09-24 15:48:57 +08:00
index.vue Fix TabPicker scroll problem (#321) 2019-02-18 14:17:59 +08:00
tab-pane.vue Fix TabPicker scroll problem (#321) 2019-02-18 14:17:59 +08:00

README.en-US.md

title preview
Tabs https://didi.github.io/mand-mobile/examples/#/tabs

To create a tab page with a content area

Import

import { Tabs, TabPane } from 'mand-mobile'

Vue.component(Tabs.name, Tabs)
Vue.component(TabPane.name, TabPane)

Code Examples

API

Tabs Props

Props Description Type Default Note
v-model name of selected tab String - -
immediate trigger a change event immediately after initialization Boolean false -

TabPane Props

Props Description Type Default Note
name unique name String - required
label tab label String - required
disabled disable pane Boolean false -

Tabs Methods

reflowTabBar()

relayout tabbar

Tabs Events

@change(tab)

when user select tab

Props Description Type
tab object of selected tab Object:{name: String, label: String, disabled: Boolean}