Vue2.0 实现单选互斥的方法

Vue2.0 实现单选互斥的方法

本文介绍了vue2.0 实现单选互斥的方法，分享给大家，具体如下：

需要实现如上图的功能

1. 首次加载页面，根据data里的catgoryId高亮对应的选项

2. 点击某个选项，该选项高亮，其他去掉高亮

代码结构：

v-for="currCourseFirst in currCourse.currCourseFirst"

:key="currCourseFirst.chttp://ategoryId"

:class="resultCategoryId === currCourseFirst.categoryId ? 'active': ''" >

{{currCourseFirst.name}}

自我理uRfmB解

参考链接：//jb51.net/article/138185.htm

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。