需求描述
- 点击某个按钮会产生高亮效果
方法
页面渲染后,router-link会自动转变为a标签。在点击“评论”时,class标签中会出现router-link-activate,这是vue-router提供的默认值,可以使用main.js(router.js)进行改变。
为了实现这一改变,我们可以使用linkeActivateClass属性。这个属性的作用是定义被激活的链接元素的类名。
在main.js(router.js)进行如下配置
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'