加载是一项功能,您可以使用该功能在应用内容顶部显示带有旋转器的叠加层,以通知用户后台操作正在进行。 无需为全局后台操作在页面中添加复杂的逻辑。
Loading API
安装
// quasar.conf.js
return {
framework: {
plugins: [
'Loading'
],
config: {
loading: { /* look at QUASARCONFOPTIONS from the API card (bottom of page) */ }
}
}
}
用法
加载使用延迟(500毫秒)来显示自身,使得快速操作不会引起屏幕闪烁。 这是因为显示然后迅速隐藏进度条使得用户没有机会看到发生了什么。 显示之前的延迟消除了混淆。
在Vue组件中:
this.$q.loading.show({
delay: 400 // ms
})
this.$q.loading.hide()
在Vue组件之外:
import {
Loading,
//可选!,例如下面例子
//使用的自定义旋转器
QSpinnerGears
} from 'quasar'
// 默认选项
Loading.show()
// 完全自定y我
Loading.show({
spinner: QSpinnerGears,
// 其它属性
})
Loading.hide()
设置默认值
如果您希望设置一些默认值,而不是每次都指定它们,可以使用quasar.conf.js > framework > config > loading: {…} 或调用 Loading.setDefaults({...})
或 this.$q.loading.setDefaults({...})
。