Vue Templates Logo Vue Templates
Vue Quick Menu screenshot

Vue Quick Menu

Author Avatar Theme by Ashleylv
Updated: 1 May 2018
219 Stars

This is web navigation component base on vue2.0+. It can be used in both PC and mobile.

Github

Categories

Less

Overview

The Vue Quick Menu is a versatile navigation component designed for Vue.js 2.0 and above, catering to both PC and mobile interfaces. This component streamlines user navigation through dynamic menu options, enhancing the overall website experience. With its easy installation and customizable properties, it is a great addition for developers looking to enhance their web applications.

Features

  • Customizable Menu Count: Set the number of menu items easily with the menuCount property, allowing values of 2, 3, or 4.
  • Dynamic Links: The menuUrlList array lets you define specific links for each menu item, ensuring smooth navigation every time.
  • Icon Integration: Supports an array for icon classes through iconClass, enabling the addition of visuals to your menu items.
  • Position Flexibility: Choose where the quick menu appears on your website with options for top-left, top-right, bottom-left, or bottom-right positioning.
  • Personalized Colors: Modify the menu’s background and icon colors using backgroundColor and color properties, ensuring aesthetic alignment with your site design.
  • New Tab Option: The isOpenNewTab boolean property allows for the flexibility of opening menu links in a new tab, enhancing user experience.
  • Event Handling: The component emits events when a submenu that is not a link is clicked, providing the submenu index for easy tracking of user interactions.