VUE 菜单menu绑定点击事件并且改变图标

最新推荐文章于 2024-08-26 09:55:56 发布

Passerby_OK

最新推荐文章于 2024-08-26 09:55:56 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签：前端 html javascript vue.js elementui

本文链接：https://blog.csdn.net/passerby_ok/article/details/126596350

版权

前端专栏收录该内容

29 篇文章 2 订阅

订阅专栏

     <div class="menu">
        <div
          v-for="(item, index) in menuData"
          :key="index"
          class="menu-item"
          :class="menuIndex == item.id && 'active'"
          @click="handleMenuClick(item)"
        >
          <img
            :src="menuIndex == item.id ? item.iconChecked : item.icon"
            alt=""
          />
          <div>{{ item.name }}</div>
        </div>
      </div>