var that=this;//把this對象復(fù)制到臨時變量that 
在success回調(diào)函數(shù)中使用that.data就能獲取到數(shù)據(jù)了。

不過，還有另外一種方式，也很特別，是將success回調(diào)函數(shù)換一種聲明方式，如下：

1. success: res =>{
2. this.setData({
3. loadingHidden: true,
4. hideCommitSuccessToast: false
5. })
6. }

在這種方式下，this可以直接使用，完全可以獲取到data數(shù)據(jù)。

再給一個完整的例子：

1. success: res => {
2. if (res.data.code != 0) {
3. // 提交失敗
4. this.setData({
5. loadingHidden: true,
6. hiddenTips: false,
7. tipsContent: res.data.message
8. })
9. } else {
10. // 提交成功
11. this.setData({
12. loadingHidden: true,
13. hideCommitSuccessToast: false
14. })
15. subBtn = false;
16.  
17. // 定時，3秒消失
18. setTimeout(() => {
19. this.setData({
20. hideCommitSuccessToast: true
21. })
22. wx.navigateBack({ delta: 2 });
23. }, 2000);
24.  
25. }
26. }

二：觸摸水波漣漪效果

分享者：未知，原文地址  效果

html代碼

1. <view class="ripple" style="{{rippleStyle}}"></view>
2. <view class="container" bindtouchstart="containerTap"></view>

css代碼

1. .container{
2. width:100%;
3. height:500px;
4. }
5. .ripple {
6. background-color: rgba(0, 0, 0, 0.8);
7. border-radius: 100%;
8. height:10px;
9. width:10px;
10. margin-top: -90px;
11. position: absolute;
12. -webkit-transform: scale(0);
13. }
14. @-webkit-keyframes ripple {
15. 100% {
16. -webkit-transform: scale(12);
17. transform: scale(12);
18. background-color: transparent;
19. }
20. }

js代碼

1. containerTap:function(res){
2. console.log(res.touches[0]);
3. var x=res.touches[0].pageX;
4. var y=res.touches[0].pageY+85;
5. this.setData({
6. rippleStyle:''
7. });
8. this.setData({
9. rippleStyle:'top:'+y+'px;left:'+x+'px;-webkit-animation: ripple 0.4s linear;animation:ripple 0.4s linear;'
10. });
11. }