如何在bootstrap数据目标v-for中正确传递$ index?

Pds*_*Ink 4 collapse twitter-bootstrap vue.js v-for

我使用v-for index创建动态id,问题是当我尝试使用bootstrap的数据目标链接div时

这不起作用

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

            <br/>
            <div v-bind:id="['demo'+index]" class="collapse">
                {{service.sotto[index]}}
            </div>
Run Code Online (Sandbox Code Playgroud)

那么如何正确使用data-target + index呢?

Pds*_*Ink 5

找到了!

:data-target="'#demo' + index" 
Run Code Online (Sandbox Code Playgroud)

  • 您可以使用 `:data-target="\`#demo${index}\`"` (2认同)
  • 并认为 Id 可以像 `&lt;div :id="'demo'+index"&gt;` 一样使用 (2认同)