<div class="toolbar tabbar">
<div class="toolbar-inner">
<a href="#" data-tab="#tab-1" class="tab-link tab-link-active">tab1</a>
<a href="#" data-tab="#tab-2" class="tab-link">tab2</a>
</div>
</div>
<div class="tabs-swipeable-wrap" id="mytabs">
<div class="tabs">
<div id="tab-1" class="tab tab-active page-content">
{{content1}}
</div>
<div id="tab-2" class="tab tab-active page-content">
{{content2}}
</div>
</div>
</div>
<script>
let vm = new Vue({
el : '#mytabs',
data : {
content1: 'test1',
content2: 'test2'
}
})
</script>
if i not use vue, f7 tabbar work fine.
Can you help me?