antd for vue ＜router-link＞的使用

antd for vue 的使用

问题

比如antdv模板中有：

<span>1</span>

如果使用<router-link>最后会被渲染成<a>，然后格式会发生变化

解决：

vue-routerv3.1x之前：

<router-link to='/home' tag='span'>

最后会被渲染成<span>

vue-routerv3.1x之后：

<router-link to="/home/users" custom v-slot="{ navigate }">
  <span @click="navigate" @keypress.enter="navigate" role="link">用户管理</span>
</router-link>

这样才会被渲染成<span>同时点击跳转

实例：

原本模板中是：

<a-menu-item key="2">
  <wallet-outlined />
  <span>2</span>
</a-menu-item>

改成跳转到/home：

<router-link to="/home" custom v-slot="{ navigate }">
  <a-menu-item key="2" @click="navigate" @keypress.enter="navigate" role="link">
    <user-outlined />
      <span>2</span>
  </a-menu-item>
</router-link>