美文网首页
vue 点击当前标签为其添加class,兄弟标签class删除

vue 点击当前标签为其添加class,兄弟标签class删除

作者: 一尾鱼_ef12 | 来源:发表于2019-10-21 18:40 被阅读0次
return {            
        historyTimeList: [],            
        currentHis: 0
    };

<ul>
              <li
                @click="showHistoryTable(index)"
                v-for="(item,index) in historyTimeList"
                v-bind:class="{ active:index==currentHis}"
                :key="index"
              >
                <i class="el-icon-time blueIcon"></i>
                <span>{{item.startDate}}</span>
              </li>
            </ul>
showHistoryTable(index) {
    this.currentHis = index;
}

相关文章

网友评论

      本文标题:vue 点击当前标签为其添加class,兄弟标签class删除

      本文链接:https://www.haomeiwen.com/subject/sukmmctx.html