当路由器在vue2中更改时，如何在页面顶部显示vuetify的v-progress-linear？答案

【问题标题】：How to display a vuetify's v-progress-linear on the top of page when router is changing in vue2?当路由器在vue2中更改时，如何在页面顶部显示vuetify的v-progress-linear？
【发布时间】：2021-08-16 10:48:44
【问题描述】：

当我更改路线时，如何在页面顶部提供一个很棒的流程栏？这是 vuetify 的线性过程：

 <v-progress-linear
      indeterminate
      color="yellow darken-2"
    ></v-progress-linear>

但是我怎样才能让它们一起工作呢？资料：

https://vuetifyjs.com/en/components/progress-linear/#indeterminate

【问题讨论】：

您尝试过同时使用<v-app-bar> 和<v-content> 吗？将您的<v-progress-linear> 放入<v-app-bar> 和<router-link> 放入<v-content>

标签： vue.js progress-bar vuetify.js vue-router

【解决方案1】：

把你的 loader 放到 App.vue 中，然后把它包裹起来

<router-view></router-view>
<PageLoader :mode="page_loading"> </PageLoader>

【讨论】：

请告诉我什么是 PageLoader？它是你自己构建的组件吗？