2017-08-03 16 views
0
<li v-for="set in indirect_arr"> 
{{set.wp}} - 
{{set.bus1}} - 
{{set.bus2}} 
</li> 

indirect_arr - >オブジェクトの配列(たとえば、set)。テンプレート内の変数をレンダリングする

オブジェクト構造 - >

set : { 
    wp: '', 
    bus1: [], 
    bus2:[] 
} 

BUS1 & BUS2は配列としてDOMに反映されます。

私はそれらを単一の要素として望みます。

試しました - ><li v-for="bus in set.bus1">{{bus}}</li>エラーが発生しました - >設定されていません!

+0

また、これを試しました - > '

  • {{bus}}
  • '。エラー - >未定義に設定します。 –

    +0

    上記のコードは動作しません。なぜなら、 'indirect_arr'は配列なので、単に' set'にアクセスすることはできません。これは、次のようにしなければなりません。 'indirect_arr [index] .set.bus1'のバス。 –

    答えて

    1

    このような意味ですか?

    <li v-for="set in indirect_arr"> 
        {{set.wp}} - 
        <p v-for='bus in set.bus1'> {{bus}} </p> - 
        <template v-for='bus in set.bus2'> {{bus}} </template> 
    </li> 
    
    <template>

    レンダリングに除去される元素です。

    関連する問題