- 通过v-bind:class={‘类名’ : ‘返回一个bool值’} 实现(待完善:当再次点击已被选择的div时,未返回初始颜色)
<div id="app">
<div :class="{active : currentIndex == index}"
v-for="(item,index) in info"
@click="divCLick(index)">{
{
item}}
</div>
</div>
<script>
/**
* 设置currentIndex=0 获取当前点击的div下标值
* ①:currentIndex = 0时,
* :class="{active : currentIndex (0) == index (0)} 返回true,第一个默认显示背景颜色
* 而其他两个div:
* :class="{active : currentIndex (1) == index (0)} 返回false,没有应用css样式
* :class="{active : currentIndex (2) == index (0)} 同上
* */
const vm = new Vue({
el: "#app",
data: {
currentIndex :