VUE—底部导航路由切换时更换图片（图文）

VUE—底部导航路由切换时更换图片

第一步： 布局
给每个底部导航路由都绑定一个点击事件，不要绑定在router-link上，那样会不生效，并且动态的添加图片路径
v-for也行，那样需要动态的绑定方法，可参考
v-for时动态绑定函数

<mt-tab-item>
          <router-link to="/Home">
            <div @click="homeFn">
              <img :src="homeUrl" alt="">
              <p>首页</p>
            </div>
          </router-link>
        </mt-tab-item>
        <mt-tab-item>
          <router-link to="/Discover">
            <div @click="discoverFn">
              <img :src="discoverUrl" alt="">
              <p>发现</p>
            </div>
          </router-link>
        </mt-tab-item>
        <m