10.1登录成功提示、加载提示

制作登录成功提示

我们可以去vant找到

接下来的操作就是和之前一样
先去src/utils/vant.js导入

因为这个轻提示，整个项目都需要它，所以我们用全局引入的方式

如果想改成别的样式

加载提示

在网速很慢的情况下，用户可能会一直点击登录按钮，会频繁的向后台服务器发送请求，所以我们需要做一个加载提示

这个组件vant已经有了，并且还具备一个“禁用背景点击的功能”，也就是当这个加载面板出现的时候，是不能点击页面的，这样用户就点击不了登陆按钮，也就不能频繁的发送请求了

还有一种方法，就是在button按钮上加一个loading，也可以有登录中的样式

但是我们这个设置完之后,这个按钮就一直处于一种登录加载的状态
所以我们控制这个按钮，需要加载的时候才是这种状态
这个loading是一个布尔值，有true和false两种状态
我们这loading这个布尔值绑定一个isLoading值
之后我们通过操纵isLoading的值
去更改loading的值
从而达到按钮的两种状态的切换

但是这样会一直转圈，我们在下面之前写登录成功提示的下面写

this.isLoading = false

这样在提示登录成功后，按钮就不会转圈了

  methods: {async onSubmit() {this.isLoading = true//在网速慢的时候按钮会转圈let res = await loginAPI({mobile:this.info.mobile,code:this.info.code});console.log(res);// 全局方法引入this.$toast.success('成功登录');this.isLoading = false//提示登录成功后，按钮就不会转圈了},},

10.1登录成功提示、加载提示相关推荐

计算机没有用户配置文件,win7提示User Profile Service服务未能登录，无法加载用户配置文件如何解决...
最近有用户在启动Windows7系统的时候欢迎界面出现"User Profile Service服务未能登录,无法加载用户配置文件"的提示,怎么都没办法进入到桌面,那么如何解决呢? ...
电脑显示服务器未能登陆无法加载用户配置,win7系统提示User Profile Service服务未能登录，无法加载用户配置文件的解决方法...
很多小伙伴都遇到过win7系统提示User Profile Service服务未能登录,无法加载用户配置文件的困惑吧,一些朋友看过网上零散的win7系统提示User Profile Service服务 ...
宇视摄像机网页界面登录“提示加载插件失败，点击下载安装最新插件”
提示加载插件失败,点击下载安装最新插件: 解决方法: 更换浏览器交叉测试:使用IE7以上浏览器登录:清除浏览器缓存,在电脑控制面板卸载原有控件,下载最新控件并安装. 控件卸载: 控制面板--程序--卸 ...
开机登录失败提示user profile service服务未能登录，无法加载用户配置文件
开机登录失败提示"user profile service服务未能登录,无法加载用户配置文件" 问题解决办法 [问题描述] Windows系统开机后,在用户登录界面输入密码无法正 ...
QTP提示加载数据表文件时出错的解决方案
经过:有时候我们需要将QTP的脚本移置到别的电脑上运行,而这两台电脑上安装的Office版本可能不同会引起QTP在另一台电脑上打开脚本时提示"加载数据表文件时出错"的错误提示如下图 ...
模拟用户登录过程，验证用户名、密码和校验码，如果全部正确提示用户登录成功，否则，提示用户相关输入错误
要求:模拟用户登录过程,验证用户名.密码和校验码,如果全部正确提示用户登录成功,否则,提示用户相关输入错误. 目的:掌握登录校验的规则和原理. //登录验证 #include<stdio.h&g ...
weui 加载提示_weui Toast弹出式提示使用教程
js代码// pages/03caozuofankui/05-toast.js Page({ /** * 页面的初始数据 */ data: { }, openToast: function () { ...
Ladda – 把加载提示效果集成到按钮中，提升用户体验
Ladda 是一组集成了加载提示的按钮,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验.主要用于在用户点击提交之后,向用户提供即时的反馈,让他们知道浏览器正在处用户提交的任务. 您可能感兴趣的 ...

10.1登录成功提示、加载提示

制作登录成功提示

加载提示

10.1登录成功提示、加载提示相关推荐

最新文章

热门文章