微信小程序 循环

小程序请求:

 fangs(){
    var th = this;
    wx.request({
      url: 'http://www.zfw.com/api/v1/fangs', //仅为示例，并非真实的接口地址
      data: {
        fangs:[],
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success (res) {
        console.log(res.data.data)
        th.setData({
          fangs:res.data.data
        })
      }
    })
  }

 

 

后台数据:

 // 房源列表
    public function fang(Request $request) {
        // 返回的字段
        $field = [
            'id',
            'fang_name',
            'fang_pic',
            'fang_shi',
            'fang_ting',
            'fang_rent',
            'fang_build_area'
        ];
        $builder = Fang::select($field);

        // 条件的过滤
        if ($request->get('fieldname')) {
            $builder->where($request->get('fieldname'), $request->get('fieldvalue'));
        }
        // 分页查询
        $data = $builder->paginate(10);
        return $data;
    }

 

 

小程序wxml:

 <view class="recommend" wx:for="{{fangs}}" wx:key="">
        <view>
          <image src="{{item.pic}}"/>
        </view>
    </view>