微信小程序把玩《八》：toast组件，loading组件，navigator组件

toast消息提示框，可用在提示一些信息，比如清楚缓存给用户一个友好的提示！或像我们常州App开发培训操作一些请求不想让用户有什么操作，toast也可以做到因为toast显示时其他操作是无效的

主要属性：

wxml

1. <!---->
2. <button type="primary" bindtap="listenerButton">显示loading</button>
3. <!--默认隐藏-->
4. <loading hidden="{{hiddenLoading}}">正在加载</loading>

js

1. Page({
2. data:{
3. // text:"这是一个页面"
4. hiddenToast: true
5. },
6.  
7. /**
8. * 监听button点击事件
9. */
10. listenerButton: function() {
11. this.setData({
12. hiddenToast: !this.data.hiddenToast
13. })
14. },
15. /**
16. * toast显示时间到时处理业务
17. */
18. toastHidden:function(){
19. this.setData({
20. hiddenToast: true
21. })
22. },
23.  
24. onLoad:function(options){
25. // 页面初始化 options为页面跳转所带来的参数
26. },
27. onReady:function(){
28. // 页面渲染完成
29. },
30. onShow:function(){
31. // 页面显示
32. },
33. onHide:function(){
34. // 页面隐藏
35. },
36. onUnload:function(){
37. // 页面关闭
38. }
39. })

loading通常我们常州手机App外包使用在请求网络数据时的一种方式，通过hidden属性设置显示与否

主要属性：

wxml

1. <!---->
2. <button type="primary" bindtap="listenerButton">显示loading</button>
3. <!--默认隐藏-->
4. <loading hidden="{{hiddenLoading}}">正在加载</loading>

js

1. Page({
2. data:{
3. // text:"这是一个页面"
4. hiddenLoading: true
5. },
6.  
7. /**
8. * 监听button点击事件
9. */
10. listenerButton:function(){
11. this.setData({
12. hiddenLoading: !this.data.hiddenLoading
13. })
14. },
15. onLoad:function(options){
16. // 页面初始化 options为页面跳转所带来的参数
17. },
18. onReady:function(){
19. // 页面渲染完成
20. },
21. onShow:function(){
22. // 页面显示
23. },
24. onHide:function(){
25. // 页面隐藏
26. },
27. onUnload:function(){
28. // 页面关闭
29. }
30. })
31.  

navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。

主要属性：

wxml

1. <navigator url="../index/index">点击跳转不关闭当前页面</navigator>
2. <navigator url="../logs/logs" redirect="true" >点击跳转关闭当前常州网站开发培训页面</navigator>