router-link渲染到了ul下的li的a标签上

解决router-link渲染到a标签上的问题

(1)问题:
在这里插入图片描述
(2)解决方法:
tag 改变渲染标签

  <ul class="nav">
        <li v-for="(item, index) in navlist1" :key="index" >
          <router-link  tag="div" :to="item.link" exact>{
    
    {
    
     item.name }}</router-link>
        </li>
      </ul>

效果:
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_57780816/article/details/125023915