vue中动态为元素添加类名

结构:

  • {{item.title}}

数据:初始值设为0是让第一个元素默认有类名

isActive: 0,
menumap: [
        {
          url: '/chinamobile/projectmanage',
          title: '项目管理'
        },
        {
          url: '/chinamobile/qualitymanage',
          title: '质量管理'
        },
        {
          // url: '/chinamobile/MochaITOM',
          url: '/chinamobile/projectmanage',
          title: '运维管理'
        },
        {
          // url: '/chinamobile/ishare',
          url: '/chinamobile/projectmanage',
          title: '知识共享'
        }
      ]

切换方法

switchmenu (index) {
      this.isActive = index
    }

即可实现,点击动态添加类名active

你可能感兴趣的:(vue)