在创作内容的页面上,如果用户没在标题还有正文里面输入内容,我们可以禁用保存与发布内容的按钮 .. 在保存或者发布内容的时候,可以用一下按钮的加载状态 ..
在这个页面的视图上,找到保存与发布内容用的按钮 .. 添加一个 disabled 属性 .. 这个属性的值是 true 的话,按钮就会变成禁用状态 .
绑定一个数据 .. entity 里面没有 title 的值 .. 或者 entity 里面没有 content 的值 .. 这个 disabled 属性的值就会是 true ..
在这个按钮上再添加一个 loading 属性 .. 它的值如果是 true,按钮就会是加载状态 .. 在按钮上会显示一个加载小图标 ..
它的值可以绑定一个数据,名字可能是 isLoading ..
## 逻辑
再打开这个页面的逻辑文件 .. 在页面的数据里面,添加一个 isLoading .. 默认让它等于 false ..
然后找到保存与发布内容按钮的事件处理 ..
一开始我们可以把页面上的 isLoading 这个数据的值设置成 true,让按钮进入加载状态 ..
请求完成以后,会调用 complete 方法,可以添加一个这样的方法 .. 然后在这个方法里面,再把页面上的 isLoading 的值设置成 false ..
不管请求成不成功 .. 请求只要完成了 .. 我们就去掉按钮的加载状态 ..
## 预览
再去试一下 .. 现在,默认页面上的这个按钮是禁用的状态 .. 输入一个标题 .. 再输入一个正文 .. 这样按钮就会变成正常状态 ..
再按一下 发布 ... 按钮会进入加载状态 . 请求完成以后,会去掉按钮上的载入状态 ...