vue开发微信公众号，切换底部导航实现图标更换功能

最新推荐文章于 2024-04-09 15:11:26 发布

置顶

a_Keri

最新推荐文章于 2024-04-09 15:11:26 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue js

本文链接：https://blog.csdn.net/a_Keri/article/details/103928051

版权

实现点击切换底部导航更换图标

<template>
  <div>
    <div class="tabbar">
      <div class="tabbar_con" >
        <div class="tab_icon" v-for="(item,index) in tabs" :key="index"  @click="addClassName(index)">
            <router-link class="tab_icon_r tab_icon_left" :to="item.url">
              <p class="icon">
                <img :src="thatnum==index?item.active:item.img" alt="icon">
              </p>
              <span  :class="thatnum==index?'active':'on'">{
  {item.text}}</span>
            </router-link>
        </div>
      </div>
    </div&