TabMenu and Steps production demo fixes
parent
9e18c87b47
commit
a7ca16c3f5
|
@ -33,7 +33,7 @@ export default {
|
|||
items: [
|
||||
{
|
||||
label: 'Personal',
|
||||
route: '/steps'
|
||||
route: '/steps/'
|
||||
},
|
||||
{
|
||||
label: 'Seat',
|
||||
|
@ -101,19 +101,19 @@ export default {
|
|||
items: [
|
||||
{
|
||||
label: 'Personal',
|
||||
route: '/steps'
|
||||
route: '/'
|
||||
},
|
||||
{
|
||||
label: 'Seat',
|
||||
route: '/steps/seat'
|
||||
route: '/seat'
|
||||
},
|
||||
{
|
||||
label: 'Payment',
|
||||
route: '/steps/payment'
|
||||
route: '/payment'
|
||||
},
|
||||
{
|
||||
label: 'Confirmation',
|
||||
route: '/steps/confirmation'
|
||||
route: '/confirmation'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
@ -39,7 +39,7 @@ export default {
|
|||
items: [
|
||||
{
|
||||
label: 'Personal',
|
||||
route: '/steps'
|
||||
route: '/steps/'
|
||||
},
|
||||
{
|
||||
label: 'Seat',
|
||||
|
|
|
@ -37,28 +37,28 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
items: [
|
||||
{
|
||||
label: 'Personal',
|
||||
route: '/steps'
|
||||
},
|
||||
{
|
||||
label: 'Seat',
|
||||
route: '/steps/seat'
|
||||
},
|
||||
{
|
||||
label: 'Payment',
|
||||
route: '/steps/payment'
|
||||
},
|
||||
{
|
||||
label: 'Confirmation',
|
||||
route: '/steps/confirmation'
|
||||
},
|
||||
{
|
||||
label: 'File Upload',
|
||||
url: '/fileupload'
|
||||
}
|
||||
],
|
||||
// items: [
|
||||
// {
|
||||
// label: 'Personal',
|
||||
// route: '/steps/'
|
||||
// },
|
||||
// {
|
||||
// label: 'Seat',
|
||||
// route: '/steps/seat'
|
||||
// },
|
||||
// {
|
||||
// label: 'Payment',
|
||||
// route: '/steps/payment'
|
||||
// },
|
||||
// {
|
||||
// label: 'Confirmation',
|
||||
// route: '/steps/confirmation'
|
||||
// },
|
||||
// {
|
||||
// label: 'File Upload',
|
||||
// url: '/fileupload'
|
||||
// }
|
||||
// ],
|
||||
code: {
|
||||
basic: `<Steps :model="items" aria-label="Form Steps" :readonly="false"
|
||||
:pt="{
|
||||
|
@ -112,19 +112,19 @@ export default {
|
|||
items: [
|
||||
{
|
||||
label: 'Personal',
|
||||
route: '/steps'
|
||||
route: '/'
|
||||
},
|
||||
{
|
||||
label: 'Seat',
|
||||
route: '/steps/seat'
|
||||
route: '/seat'
|
||||
},
|
||||
{
|
||||
label: 'Payment',
|
||||
route: '/steps/payment'
|
||||
route: '/payment'
|
||||
},
|
||||
{
|
||||
label: 'Confirmation',
|
||||
route: '/steps/confirmation'
|
||||
route: '/confirmation'
|
||||
},
|
||||
{
|
||||
label: 'File Upload',
|
||||
|
|
|
@ -24,7 +24,7 @@ export default {
|
|||
return {
|
||||
active: 0,
|
||||
items: [
|
||||
{ label: 'Home', icon: 'pi pi-fw pi-home', route: '/tabmenu' },
|
||||
{ label: 'Home', icon: 'pi pi-fw pi-home', route: '/tabmenu/' },
|
||||
{ label: 'Calendar', icon: 'pi pi-fw pi-calendar', route: '/tabmenu/calendar' },
|
||||
{ label: 'Edit', icon: 'pi pi-fw pi-pencil', route: '/tabmenu/edit' },
|
||||
{ label: 'Documentation', icon: 'pi pi-fw pi-file', route: '/tabmenu/documentation' },
|
||||
|
|
|
@ -29,15 +29,15 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
items: [
|
||||
{ label: 'Home', icon: 'pi pi-fw pi-home', route: '/tabmenu' },
|
||||
{ label: 'Calendar', icon: 'pi pi-fw pi-calendar', route: '/tabmenu/calendar' },
|
||||
{ label: 'Edit', icon: 'pi pi-fw pi-pencil', route: '/tabmenu/edit' },
|
||||
{ label: 'Documentation', icon: 'pi pi-fw pi-file', route: '/tabmenu/documentation' },
|
||||
{ label: 'Settings', icon: 'pi pi-fw pi-cog', route: '/tabmenu/settings' },
|
||||
{ label: 'FileUpload', icon: 'pi pi-fw pi-upload', url: '/fileupload' }
|
||||
],
|
||||
// active: 0,
|
||||
// items: [
|
||||
// { label: 'Home', icon: 'pi pi-fw pi-home', route: '/tabmenu/' },
|
||||
// { label: 'Calendar', icon: 'pi pi-fw pi-calendar', route: '/tabmenu/calendar' },
|
||||
// { label: 'Edit', icon: 'pi pi-fw pi-pencil', route: '/tabmenu/edit' },
|
||||
// { label: 'Documentation', icon: 'pi pi-fw pi-file', route: '/tabmenu/documentation' },
|
||||
// { label: 'Settings', icon: 'pi pi-fw pi-cog', route: '/tabmenu/settings' },
|
||||
// { label: 'FileUpload', icon: 'pi pi-fw pi-upload', url: '/fileupload' }
|
||||
// ],
|
||||
code: {
|
||||
basic: `<TabMenu v-model:activeIndex="active" :model="items">
|
||||
<template #item="{ label, item, props }">
|
||||
|
|
Loading…
Reference in New Issue