Using Javascript Vue and having problems linking tabs so that when user clicks tab button they are directed to new page. Do I need to use router
This is in sidebar.vue tab:
<script>
export default {
name: 'SidebarMenu',
props: {
//! Menu settings
isMenuOpen: {
type: Boolean,
default: true,
},
menuTitle: {
type: String,
default: '',
},
menuLogo: {
type: String,
default: '',
},
menuIcon: {
type: String,
default: 'bx-planet',
},
isPaddingLeft: {
type: Boolean,
default: true,
},
menuOpenedPaddingLeftBody: {
type: String,
default: '250px'
},
menuClosedPaddingLeftBody: {
type: String,
default: '78px'
},
//! Menu items
menuItems: {
type: Array,
default: () => [
{
link: 'Home.vue',
name: 'Home',
tooltip: 'Home',
icon: 'bx-grid-alt',
},
{
link: 'About-Me.vue',
name: 'About Me',
tooltip: 'About Me',
icon: 'bx-user',
},
{
link: 'Contact.vue',
name: 'Contact',
tooltip: 'Contact',
icon: 'bx bx-envelope',
},
{
link: 'Projects.vue',
name: 'Projects',
tooltip: 'Projects',
icon: 'bx-pie-chart-alt-2',
},
],
},
Via Active questions tagged javascript - Stack Overflow https://ift.tt/RoE0aZM
Comments
Post a Comment