router-link插槽使用


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