vue组件tabbar使用方法详解

<!-- 入口文件 -->
<template>
 <div id="app">
 <!-- 视图层 -->
 <router-view></router-view>
 <!-- 底部选项卡 -->
 <tabbar @on-index-change="onIndexChange" v-if="tabbarShow">
  <tabbar-item selected link="/home">
  <img slot="icon" src="/UploadFiles/2021-04-02/ic_tab_home_normal.png">

2.效果图

3.其他情况


<template>
 <div class="weui-tab">
 <div class="weui-tab__panel">
  <p v-for="i in 100">{{i}}</p>
 </div>
 <tabbar>
  <!--use v-link-->
  <tabbar-item v-link="{path:'/component/cell'}">
  <img slot="icon" src="/UploadFiles/2021-04-02/icon_nav_button.png">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。