在vben框架中页面loading在页面加载完毕结束loading
时间: 2024-05-15 08:14:11 浏览: 11
在 vben 中,可以通过使用 `useLoading` 钩子来实现页面加载后结束 loading。
首先,在组件中导入 `useLoading` 钩子:
```javascript
import { useLoading } from '@/hooks/core/useLoading';
```
然后在组件中调用 `useLoading`:
```javascript
const { startLoading, endLoading } = useLoading();
```
在组件中的 `mounted` 生命周期中调用 `endLoading()` 方法即可结束 loading:
```javascript
mounted() {
endLoading(); // 结束 loading
},
```
完整代码示例:
```javascript
<template>
<div>
<h1>Hello World</h1>
</div>
</template>
<script>
import { useLoading } from '@/hooks/core/useLoading';
export default {
name: 'HelloWorld',
setup() {
const { startLoading, endLoading } = useLoading();
startLoading(); // 开始 loading
return {
endLoading
};
},
mounted() {
this.endLoading(); // 结束 loading
}
};
</script>
```