Vuejsテンプレートで配列内のオブジェクトをループする方法は？

Question

私はオブジェクトを配列の中に持っています。私はそれをループする方法に挑戦しています。

私のデータは次のようになります。

これはスニペットです。私は間違った方法でそれをやっていると確信しています。

<div v-for="(mes, i) in message" :key="mes.id"> 
       <div class="row"> 
        <div class="input-field col s12"> 
         <textarea name="text" id="input-message" v-model="mes[i].text" class="materialize-textarea" data-length="200"></textarea> 
         <label for="input-message">Message</label> 
        </div> 
       </div> 

私は回避策を知りたいと思います。ありがとう。

Answer 1

汎用的な方法は、あなたが私にあなたのコードの多くを公開する必要があり詳細については

<ul id="v-for-object" class="demo"> 
    <li v-for="value in message"> 
    {{ value.campaign_id }} ... {{ value.created_at }} ... your other properties listed in brackets 
    </li> 
</ul> 

、あなたが使用可能なメッセージを得たと仮定すると、なります。