vant上拉加载一直在给我加载,vue vant加载页面loading,vant upload,vant-uploader,vant toast loading,vant 按需加载
Vant3 Loading 是一个 Vue UI 组件库 Vant3 中的一种加载组件，用于在页面或组件中展示加载状态。它可以显示一个旋转的 loading 图标，并给用户以视觉反馈，表示正在加载数据或执行操作。

使用 Vant3 Loading 组件非常简单，只需要在需要展示加载状态的地方引入组件并设置相应的参数即可。例如，在一个按钮点击后需要执行一个异步操作时，可以在点击事件处理函数中使用 Vant3 Loading 组件来展示加载状态，如下所示：


<template>
<van-button @click="handleClick">异步操作</van-button>
</template>

<script>
import { Toast } from 'vant';

export default {
methods: {
handleClick() {
const loading = Toast.loading({
message: '加载中...',
duration: 0, // 持续展示 loading
});

// 执行异步操作
doAsyncOperation()
.then(() => {
loading.clear(); // 隐藏 loading
// 异步操作成功，做相应处理
})
.catch(() => {
loading.clear(); // 隐藏 loading
// 异步操作失败，做相应处理
});
}
}
}
</script>


在上面的例子中，我们使用 Vant3 的 Toast 组件创建了一个 loading 实例，并在执行异步操作时展示该实例。当异步操作完成后，我们调用 loading 实例的 clear() 方法隐藏 loading。这样，在异步操作期间，用户就能看到一个 loading 状态，知道正在执行操作，从而提升了用户体验。