VueJS实践:怎么给v-for之后的每个节点都添加不同的样式

1>

  • {{n}}

2>
每个节点应该定义了type

node

3>
比如我们有一个列表,我们希望能显示我们当前选中的那一个,如何实现呢?
基本思路是通过$index来判断是否是当前迭代对象,然后去增减class或者style来实现不同的样式

  • {{item}}
  • {{item}}
data () { return { list: ['a', 'b', 'c'], activeId: 0 } },

你可能感兴趣的:(VueJS实践:怎么给v-for之后的每个节点都添加不同的样式)