zoukankan      html  css  js  c++  java
  • 使用NProgress顶部进度条

    1.安装

     $ npm install --save nprogress 
     $ yarn add nprogress
    

    2.使用

    App.vue

    <script lang="ts">
    import NProgress from "nprogress";
    import "nprogress/nprogress.css";
    import { useRouter } from "vue-router";
    export default {
      setup() {
        const router = useRouter();
        router.beforeEach((to, from, next) => {
          NProgress.start();
          next();
        });
        router.afterEach(() => {
          NProgress.done();
        });
      },
    };
    </script>
    

    Ts报错解决

    import NProgress from "nprogress";

    shims-vue.d.ts

    declare module 'nprogress';
    
  • 相关阅读:
    顺时针
    true
    td
    确定删除
    on("submit",)
    float:right
    css中:hover空格
    磁盘恢复
    一、报表
    二、实践与视频解决方案
  • 原文地址:https://www.cnblogs.com/ouyangkai/p/14377908.html
Copyright © 2011-2022 走看看