vue3.0版本router-link中active-class的注意事项

<template>

    <nav>

            <ul>

               <router-link   :to="data.path" v-for="data in list"  :key="data.text"  custom v-slot="{navigate,isActive}"  active-class="ac" >

                <li  @click="navigate" :class="isActive?'ac':''" >{{data.text }}</li></router-link>

             

            </ul>

    </nav>

</template>

3.0vue放弃了tag写法，改用custom v-slot="''写法，导致当需要引入相关样式，active-class会失效，是由于custom v-slot重新定义了几个值，active对应isactive

• isActive：如果需要应用 active class，则为 true。允许应用一个任意的 class。

属于固定写法:class="isActive?'ac':''"，，