vue3.0 router-link tag 无效问题

vue-router 3.0.x及以下 使用以下方式进行处理

<router-link to="/test" tag="el-button" >测试1</router-link>

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