Vue Router Loading

Easy to use and highly customizable Vue Router Loading.

Getting started

1. Install the package:

npm install vue-router-loading

2. Import component in App.vue:

import VueRouterLoading from 'vue-router-loading'

3. Put component in template

<vue-router-loading></vue-router-loading>

✅ Customize

You can customize loading bar with props.

⚙ color:
default: #41b883

⚙ height:
default: 2px

⚙ position:
default: top
options: top, bottom

⚙ rtl:
default: false

⚙ endLineMode:
default: shadow
options: shadow, circle

⚙ shadowColor:
default: #41b883

⚙ shadowOpacity:
default: 0.9

⚙ circleColor:
default: #41b883

⚙ showOverly:
default: true