vue-router-tab icon indicating copy to clipboard operation
vue-router-tab copied to clipboard

1.2.9之后渲染不出tab页签

Open zhangluyi1235 opened this issue 2 years ago • 4 comments

升级到1.2.9以后,tab页签渲染由li变成了a标签,无法显示meta.title的文字。 image image

zhangluyi1235 avatar Apr 18 '22 01:04 zhangluyi1235

更新下最新版本有这个问题吗? vue router升级下vue2下的最新版本呢? 是否使用了自定义页签插槽?

bhuh12 avatar Apr 28 '22 18:04 bhuh12

我也碰到了但是升级vue router就好了

zznan0o0 avatar May 19 '22 00:05 zznan0o0

页签项这里用到了 RouterLink 的自定义标签和作用域插槽

不能兼容 vue-router 早期版本的原因:vue-router RouterLink 自定义标签的方式有变更,使用旧版 tag 属性会警告

早期版本的写法

<RouterLink tag="li" to="path">链接</RouterLink>

新版本写法

<RouterLink custom to="path" v-slot="{ navigate }">
  <li @click="navigate">链接</li>
</RouterLink>

参考变更:https://github.com/bhuh12/vue-router-tab/commit/d969248b892e01a61fd3fe85ca75a52824a32cd2

bhuh12 avatar May 19 '22 01:05 bhuh12

升级[email protected]解决了我的问题

imaxing avatar Jan 01 '24 14:01 imaxing