【vue+vant使用请求loading】【vant如何关闭Toast】

vue+vant使用请求loading

【vue+vant使用请求loading】【vant如何关闭Toast】_第1张图片

文档:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/toast

需求:目前需求是在请求中使用toast-loading,请求完成后关闭这个toast;

问题:vant如何关闭toast呢?

解决:

  1. var showLoading = null; //定义toast的变量
  2. // 自定义加载图标
    showLoading = this.$toast.loading({
    message: "登录中...",
    forbidClick: true,
    loadingType: "spinner",
    });
  3. if (showLoading) showLoading.close(); //请求结束关闭加载

                    
                    

你可能感兴趣的:(前端,vue,javascript,前端,vue)