用户登录

自由学三年,把想法变成现实。33 折优惠(最后 6 天), 现在订阅 →

在创作内容的页面上,如果用户没在标题还有正文里面输入内容,我们可以禁用保存与发布内容的按钮 .. 在保存或者发布内容的时候,可以用一下按钮的加载状态 ..

在这个页面的视图上,找到保存与发布内容用的按钮 .. 添加一个 disabled 属性 .. 这个属性的值是 true 的话,按钮就会变成禁用状态 .

绑定一个数据 .. entity 里面没有 title 的值 .. 或者 entity 里面没有 content 的值 .. 这个 disabled 属性的值就会是 true ..

在这个按钮上再添加一个 loading 属性 .. 它的值如果是 true,按钮就会是加载状态 .. 在按钮上会显示一个加载小图标 ..

它的值可以绑定一个数据,名字可能是 isLoading ..

## 逻辑

再打开这个页面的逻辑文件 .. 在页面的数据里面,添加一个 isLoading .. 默认让它等于 false ..

然后找到保存与发布内容按钮的事件处理 ..

一开始我们可以把页面上的 isLoading 这个数据的值设置成 true,让按钮进入加载状态 ..

请求完成以后,会调用 complete 方法,可以添加一个这样的方法 .. 然后在这个方法里面,再把页面上的 isLoading 的值设置成 false ..

不管请求成不成功 .. 请求只要完成了 .. 我们就去掉按钮的加载状态 ..

## 预览

再去试一下 .. 现在,默认页面上的这个按钮是禁用的状态 .. 输入一个标题 .. 再输入一个正文 .. 这样按钮就会变成正常状态 ..

再按一下 发布 ... 按钮会进入加载状态 . 请求完成以后,会去掉按钮上的载入状态 ...

按钮的禁用与加载状态《 微信小程序:身份验证 #3 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点