<template>
<div>
<div
v-for="(item, index) in items"
:key="index"
:style="{ backgroundColor: selectedIndex === index ? 'blue' : 'transparent' }"
@click="selectItem(index)"
>
{{ item.text }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
selectedIndex: null,
items: [
{ text: 'Item 1' },
{ text: 'Item 2' },
{ text: 'Item 3' }
]
};
},
methods: {
selectItem(index) {
this.selectedIndex = index;
}
}
};
</script>
09-22
4627
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
03-22
545
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
04-28
2592
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-17
872
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
10-11
2305
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-27
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交