基础面试题
主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等
开源分享：docs.qq.com/doc/DSmRnRG…
解决方法：使用index索引，当点击一个元素时，将该元素的index索引赋给类样式的启用变量，如果该变量和index相等时，则启用该类样式
html
//将v-for循环的index索引号传入事件函数, 再绑定下class的值让isactive变量与索引进行对比,当这个值和index相等时则添加样式,否则不添加
<div v-for = "(item,index) in items" :class = "isactive == index ? 'addclass' : '' " @click='onclick(index)'>
<span>{{item.name}}</span>
</div>
css
.addclass{
color : red;
}
js
data:{
isactive : -1; //这个值为0的话相当于默认给索引为0的元素添加样式
}
onclick(index){
//将点击的元素的索引赋值给isactive变量 , 每次点击都更改变量的值
this.isactive = index
}
第二种方法(本质和第一种一样,就是判断时加个方法)
html
<template>
<!-- 点击某个绑定样式 -->
<ul>
<li v-for="(data, index) in formData" :key="data.id" :class="currentClass(index)" @click="currentInfo(index)">name: {{data.name}}，age: {{data.age}}
</li>
</ul>
</template>
css
.addclass{
color : red;
}
js
<script>
export default {
name: 'classActive'
data() {
### 最后
全网独播-价值千万金融项目前端架构实战
从两道网易面试题-分析JavaScript底层机制
RESTful架构在Nodejs下的最佳实践
**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**
一线互联网企业如何初始化项目-做一个自己的vue-cli
思维无价，看我用Nodejs实现MVC
代码优雅的秘诀-用观察者模式深度解耦模块
前端高级实战，如何封装属于自己的JS库
VUE组件库级组件封装-高复用弹窗组件
