为什么写完样式，点击就可以切换红色和灰色了？

编译器怎么知道切换的方式是点击？以及切换的类名？以及切换的交互（比如选中一项会将其他的取消选择）？

源自：实战：项目准备与骨架搭建 3-2 Tabbar 组件

收起

2回答

好帮手慕糖回答被采纳获得+3积分 2019-07-18 12:05:31

同学你好，1、选中，是指点击了这一项之后。就好像我们之前学习的选项卡，点击对应的导航项是一样的。

2、这里与a标签是没有关系的。这里是vue中router-link中的类。

3、这个是vue自带的，本身就有的，不是老师封装的哦。

希望能帮助到你，祝学习愉快！

好帮手慕糖 2019-07-17 11:20:45

同学你好，1、这里是封装好的哦。

2、router-link 标签，在选中的时候会自动给整个标签添加一个 router-link-active的class可以根据这个class 设置他的样式（只有当前选中的才有这个类）。这个是默认的哦。

希望能帮助到你，欢迎采纳。

祝学习愉快！

提问者 cjq6502 #1

我的疑惑是，“选中”这个交互的定义是？比如对常规的a标签来说，active是指点击下去未松开的状态，明显和vue里的不同。另外vue怎么知道底部栏的router-link是tab类切换，而且那四个是一组的（点击其它会取消其它的active样式），这个是vue自带的，还是老师自己封装的但是视频里没说？

2019-07-17 19:25:43