<fish-tabs value="role">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs><fish-tabs value="role" navPosition="bottom">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs><template>
<fish-tabs type="card" value="user" @tab-change="tabChangeHandler">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs>
</template>
<script>
export default {
methods: {
tabChangeHandler (index) {
console.log('tab.index: ', index)
}
}
}
</script>
<template>
<fish-tabs type="card" value="user" navPosition="bottom">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs>
</template>
<script>
export default {
methods: {
tabChangeHandler (index) {
console.log('tab.index: ', index)
}
}
}
</script>
<template>
<fish-tabs type="text" value="user" @tab-change="tabChangeHandler">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs>
</template>
<script>
export default {
methods: {
tabChangeHandler (index) {
console.log('tab.index: ', index)
}
}
}
</script>
<template>
<fish-tabs type="text" value="user" navPosition="bottom">
<fish-tab-pane label="User" index="user">User</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs>
</template>
<script>
export default {
methods: {
tabChangeHandler (index) {
console.log('tab.index: ', index)
}
}
}
</script>
| {{column}} |
|---|
| {{column}} |
|---|
| {{column}} |
|---|