84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
今天第一天使用vue，只看了官网的资料，有一个这样的需求
1 2 3
点击给li赋值一个class为action，但只允许有一个action。
不过我发现ul触发的selectOne方法回调参数的event的currentTarget为null，就不知道怎么继续下去了。
求大神指点思路
ringa_lee
event.target
点击li，查看同级的li中是否有class为action的，如果有remove，然后给当前点击的li添加action；没有直接添加
更好的做法是给每一个 tab 命名，然后根据当前的 tab 名用 v-if/v-show/:class 来显示需要的 tab。
new Vue({ data() { return {tab: 'a'} } })
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
event.target
点击li，查看同级的li中是否有class为action的，如果有remove，然后给当前点击的li添加action；没有直接添加
更好的做法是给每一个 tab 命名，然后根据当前的 tab 名用 v-if/v-show/:class 来显示需要的 tab。