mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
1.0 KiB
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 所处位置的主题 |