router-link插槽使用

<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文档