javascript - 如何在 Nuxt.js 中创建自定义加载指示器？

Question

在此页面内 ( https://nuxtjs.org/api/configuration-loading-indicator#custom-indicators ) 说我可以创建自定义加载指示器但没有说明如何。

有人可以帮助我 - 如何创建并将其设置到 nuxt.config 中？

Answer 1

这里是默认的集合 loading indicators在 Nuxt.js 源代码中。

基本上，您可以在 nuxt.config.js 中指定要用作 loadingIndicator 的 HTML 模板。

export default {
  ..., // Other Nuxt configuration

  // Simple usage:
  loadingIndicator: '~/custom-locading-indicator.html',

  // Or with dynamic configuration variables passed via lodash template syntax
  loadingIndicator: {
    name: '~/custom-locading-indicator.html',
    color: '#000',
    background: '#fff'
  }
}

请注意，指标可以访问