mintUi底部选项卡切换

主要用到的是 二级路由 还有路径的部分截取

 

<template>
  <div>
    <!-- 根据二级路由动态渲染内容 -->
    <router-view />
    <div style="height: 60px"></div>

    <!-- 底部选项卡 -->
    <mt-tabbar fixed v-model="tabSelected">
      <mt-tab-item id="index">
        首页
        <!-- < img :src="require(`@/assets/index_${tabSelected=='index'?1:0}.png`)" slot="icon"> -->

        <img
          v-if="tabSelected == 'index'"
          src="@/assets/index_1.png"
          slot="icon"
        />
        < img v-else src="@/asset