vue3.0 router-link tag 無效問題

vue 3.x 使用以下方式進行處理 
vue 3.x 對應 vue-router 4.x 版本
tag已經無效了

<router-link to="/test" v-slot="{navigate, isActive, isExactActive}">
  <el-button @click="navigate" :class="{active: isActive, exactActive: isExactActive}">測試1</el-button>
</router-link>

 這么處理稍微麻煩點，但是樣式控制比較方便

 

vue-router 3.1.x 以上版本 也是建議使用v-slot處理  原來的tag形式瀏覽器中會報警告

<router-link to="/test" custom v-slot="{ navigate }">
  <el-button @click="navigate" @keypress.enter="navigate" role="link">測試2</el-button>
</router-link>

查看官方建議 https://next.router.vuejs.org/guide/migration/#removal-of-append-prop-in-router-link