关于a标签的一点小小小问题

前言

最近在把就项目nuxt2升级到nuxt3，记录一个小问题。

a标签嵌套a标签

我们都知道a标签是不能嵌套a标签的，但是旧项目可能是因为历史的原因，外面包了一层a标签，里面a标签隐藏。

<a v-for="item in data" :key="item.id" :href="`/courseDetail/${item.id}`"> 
  <a v-show="false" :href="`/courseDetail/${item.id}`" target="_blank" />
  {{ item.id }}
</a>

如图所示，这段代码循环遍历出来的，外层的a链接id，和里面的id是不一样的，外层a链接是错误的。

这个问题，在旧项目nuxt2，并没有发现，但是升级到nuxt3的时候就出来了。

请记住，a标签不要嵌套a标签