如何使用 F7+Vue 中的 v-for 循环更新手风琴项目标题?我需要将每个手风琴项标题设置为使用 v-for 循环遍历的 myList 数组中每个对象的标题。
下面是以下示例:
<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>
由于我需要时间来思考如何使用当前的 F7+Vue 手风琴和 v-for 来注入标题元素......这似乎是不可能的。我可能是错的。我最终通过使用标准的非 f7+vue 组件来解决这个问题......
例:
<div class="list accordion-list">
<ul>
<li class="accordion-item" v-for="value in myList">
<a href="#" class="item-link">
<div class="item-content">
<div class="item-inner">
<div class="item-title">{{value.Title}}</div>
</div>
</div>
</a>
<div class="accordion-item-content">
<div class="block">
<p>{{value.foo}}</p>
<p>{{value.boo}}</p>
</div>
</div>
</li>
</ul>
</div>