loading提示的优点:1.节流,防止用户多次点击;2.增加用户体验
具体步骤:
1.引入toast
//在js文件中,按需导入Toast
import { Toast } from 'vant'
2.使用Toast的loading
// 开启loading
Toast.loading({
message: '正在加载中...',
forbidClick: true, // 禁用背景点击
loadingType: 'spinner', // loading样式改为发散型
duration: 0 // loading效果不会自动消失
})
3.关闭loading
Toast.clear()
注意:Toast是单例模式,后面的Toast调用了,会将前一个Toast覆盖