微信小程序里为什么我设置了数据却不显示

       在学习微信小程序时，我碰到一个坑，就是去网络获取一个列表返回并设置到data里面，在view显示时却显示不出来，弄了半天才发现不能这么设置，所以记录下来并分享给遇到的朋友!

          

    当时的获取列表数据情况：

       wx.request({

           url: 'http://… ',

           method: 'GET',

           data: {},

           header: {

                'Accept': 'application/json'

           },

           success: function(res) {

                console.log(res.data.data);

                that.data.shopppingDetails= res.data.data;

           }

       })

显示的代码:

<view class="shopping_container">

       <view class="title">{{shopppingDetails.title}}</view>

       <view class="reason">{{shopppingDetails.reason}}</view>

</view>

调试的结果：

数据赋值后已经有了呀，到底哪里出了问题？

后来我看到其它地方都是类似that.setData({

Key:value

})这种写，会不会是写法的问题？于是试了下把that.data.shopppingDetails = res.data.data;这句代码修改成:

            that.setData({

                    shopppingDetails:res.data.data

                })

效果行了，所以以后建议大家使用后面那种设置方式！