林轉換JSON響應陣列以下：Vuejs與陣列

 json_data = response.body.movies; 
     var result = []; 
     for(var i in json_data) result.push([i, json_data [i]]); 
     self.movies = _.chunk(result, 3);

之前，我嘗試將其轉換，它是一個對象，看起來像這樣：

後轉換：

我必須轉換，因爲lodash chunk方法只適用於數組（？）。

所以運行_.chunk(JSONAPIREPSONSE,4)時，self.movies樣子：

到目前爲止太好。

但是，當我試圖v-forself.movies，我無法得到我需要的信息。有此模板

  <div class="row" v-for="(movie, index) in movies" v-bind:index="index"> 
       <div class="col-sm-4" v-for="(set, key) in movie" v-bind:key="key"> 
        <div class="panel"> 
         <div class="panel-heading"> 
          <a v-on:click.prevent="fetchNow(movie.movie_title)" :href="movie.movie_id">@{{ set.movie_title }}</a> 
         </div> 
         <div class="panel-body"> 
         movie title: <b>@{{ set.movie_title }}</b> <br> 
         set: <b>@{{ set }}</b> <br> 
           //Here comes Content do whatever here 
         </div> 
        </div> 
      </div>

而結果IM處理{{ set.movie_title }}是空的，沒有任何錯誤。

結果爲{{ set }}是：

[ "0", { "movie_title": "Bridget Jones's", "movie_id": "17523" } ] 
[ "1", { "movie_title": "Strange", "movie_id": "17483" } ]

預期的結果

普通vuejs語法來顯示陣列的內容。

來源

2016-10-20 Adam

結果這將有助於如果您能提供您更多的Vue的成分（就像方法，數據和'_.chunk'調用的地方一樣）。另外，在轉換它之前，「電影」對象的結構是什麼？ Vue的版本是什麼 - 1.x或2.x？ – PatrickSteele

@PatrickSteele我試圖更新我的答案。該方法只是從AJAX請求中提取數據，並填充爲我更新的答案中顯示的第一個圖像。 '_.cunk'是lodash的一種方法。它的vue 2.1 – Adam

嘗試訪問它像{{ set[1].movie_title }}

，你可以使用_.chunk沒有轉換成JSON響應數組和訪問那樣{{ set.movie_title }}

來源

2016-10-20 18:25:53

Vuejs與陣列

之前，我嘗試將其轉換，它是一個對象，看起來像這樣：

後轉換：

預期的結果

回答

相關問題