Nuxt.js 中使用 NProgress 加载进度条
可以在 nuxt.config.js 文件的 plugins 中配置 NProgress 插件,如下所示:
plugins: [
{ src: '~/plugins/nprogress.js', ssr: false }
]
同时,在 plugins 文件夹中新建 nprogress.js 文件,并引入 NProgress 插件:
import Vue from 'vue'
import nprogress from 'nprogress'
Vue.use(nprogress)
然后,就可以在其他组件中使用 NProgress 插件了:
import nprogress from 'nprogress'
nprogress.start()
// some async operation
nprogress.done()
原文地址: https://www.cveoy.top/t/topic/lUBM 著作权归作者所有。请勿转载和采集!