naive-ui/demo/documentation/components/loading-bar/zhCN/index.demo-entry.md
2020-10-26 12:31:14 +08:00

1.0 KiB

加载条 Loading Bar

焦虑的安慰剂,疗效尚可。

如果你想使用加载条,你需要把调用其方法的组件放在 n-loading-bar-provider 内部并且注入 loadingBar。 例如:
<!-- App.vue -->
<n-loading-bar-provider>
  <content />
</n-loading-bar-provider>
// content
export default {
  inject: ['loadingBar'],
  methods: {
    loading () {
      this.loadingBar.start()
    }
  }
}

演示

basic

API

loadingBar Injection Methods

名称 类型 说明
error (option: LoadingBarOption) => void
finish (option: LoadingBarOption) => void
start (option: LoadingBarOption) => void

LoadingBarOption Properties

名称 类型 说明
theme 'light' | 'dark' 如果设定会将该加载条的主题设为该主题,如果没有设定则会使用 n-loading-bar-provider 所处位置的主题