vue2 （样式动态绑定）点击某个按钮改变颜色，点击数组按钮，实现路由跳转

1、html,用for循环遍历一个数组

<template>
  <div class="body">
    <div class="top">
      <div class="left">扶贫商城</div>
      <div class="right">
        <div
          v-for="(item, index) in list"
          :key="index"
          @click="openItem(index,item.path)"
          :class="[act == index ? 'fontcolor' : '']"
        >
          {{ item.name }}
        </div>
      </div>
      <div class="goout">退出登录</div>
    </div>
  </div>
</template>

2、定义一个list数组和act = 0；

3、 css ，定义点击后的字体颜色

 4、在methods里面定义个函数，改变index的值并改变字体颜色, 点击路由跳转 this.$router.push(item)

 openItem(i,item) {
      console.log(i);
      console.log("item",item);
      this.act = i;
      this.$router.push(item)
     if(item == '/'){
      console.log("1444")
      this.$router.push('home')
     }
    },