<template> <router-link to="/A" v-slot="{navigate, isActive}"> <button type="primary" :class="{'router-link-active': isActive }" @click="navigate">aaa</button> </router-link> <router-link to="/B" v-slot="{navigate, isActive}"> <button type="primary" :class="{'router-link-active': isActive }" @click="navigate">bbb</button> </router-link> <router-view></router-view> </template>
.router-link-active { color: red; }
v-slot="{navigate, isActive}">解构更多内容见vue-router文档