ブートストラップデータターゲットv-forに$ indexを正しく渡す方法は？

私がv-のインデックスを使用して動的なIDを作成した私は、これは

<button data-toggle="collapse" data-target="'#demo'+{{$index}}">EXPAND</button> 

      <br/> 
      <div v-bind:id="['demo'+index]" class="collapse"> 
       {{service.sotto[index]}} 
      </div>

を動作しないのdivに

をリンクするために、ブートストラップのデータ・ターゲットを使用しようとしているとき、問題がありますどのように適切にデータターゲット+インデックスを使用するには？

出典

2017-07-13 Pds Ink

あなたは 'v-bind：data-target =" '＃demo' + {{$ index}} ''を試したことがありますか？ –

また、 'v-bind：id =" ['demo' + index] "の角かっこは正しく感じません。 –

提案していただきありがとうございます@LukaszWiktor、v-bind：大括弧で囲まれたIDがうまくいきます、v-bind：data-target = "'＃demo' + {{$ index}}" " –

が見つかりました！

:data-target="'#demo' + index"

出典

2017-07-13 14:40:51

また、' data-target = "＃demo {{$ index}}" '' –

を実行することもできます。 '：data-target =" \ '＃demo $ {index} \' "' –

ブートストラップデータターゲットv-forに$ indexを正しく渡す方法は？

答えて

関連する問題