问题:
使用framework7 vue 框架的Scrollable Tabbar时,
<f7-toolbar tabbar scrollable>
<f7-link tab-link="#tab1">Tab 1</f7-link>
<f7-link tab-link="#tab2">Tab 2</f7-link>
</f7-toolbar>
错误截图

image.png
模板源码
<template id="page-lights">
<f7-page tabs no-page-content>
<f7-navbar title="Lights" back-link="Back"></f7-navbar>
<f7-subnavbar>
<f7-toolbar tabbar scrollable >
<f7-link v-for="(item,index) in array" v-bind:tab-link="'#tab'+index" :key="index">{{item}}</f7-link>
</f7-toolbar>
</f7-subnavbar>
<f7-tabs swipeable>
<f7-tab v-for="(item, index) in array" :id="'tab'+index" :class="index==0 ? 'active':''" :key="index">{{item}}</f7-tab>
</f7-tabs>
</f7-page>
</template>
注:1. 此bug 只在非ios 平台上运行时才显示
- 已排除其他因素影响
解决方案:
暂时未找到