How can I update the accordion-item title using a v-for loop inside F7+Vue?

Questions
1

How can I update the accordion-item title using a v-for loop inside F7+Vue ? I need each accordian-item title to be set to the Title of each object inside the myList array that is being looped over using the v-for.

Here is example below:

    <f7-list-item v-for="value in myList" accordion-item title="{{value.Title}}">
      <f7-accordion-content>
        <f7-block>
          <p>{{value.foo}}</p>
          <p>{{value.boo}}</p>
        </f7-block>
      </f7-accordion-content>
    </f7-list-item>
  </f7-list>
2

It should be

<f7-list-item v-for="value in myList" accordion-item :title="value.Title">
1 Like