How to string strings in collapse dynamic rendering?

<b-btn v-b-toggle.collapse{{index}} variant="primary">Toggle Collapse</b-btn> <b-collapse id="collapse{{index}}"> <b-card> Collapse contents Here </b-card> </b-collapse>

It’ll make a mistake. The version is vue2.0

[tmorehouse]

Try this maybe:

<template v-for"index in indexes">
  <b-btn v-b-toggle="'collapse' + index" variant="primary">Toggle Collapse</b-btn>
  <b-collapse :id="'collapse' + index">
    <b-card>Collapse contents Here</b-card>
  </b-collapse>
</template>

v-b-toggle can take an expression to specify the target element ID

[tmorehouse]

No problem.