vue中一组router-link不影响另一组router-link?

Question

第一组router-link

 <span class="hotOther">
                    <router-link id="zuire1" to="hotzuire" exact>最热 </router-link>|
                    <router-link id="liuxing" to="hotliuxing">流行</router-link> |
                    <router-link id="yaogun" to="hotyaogun">摇滚</router-link> |
                    <router-link id="minyao" to="hotmiyao">民谣</router-link> |
                    <router-link id="yuansheng" to="hotyuansheng">原声</router-link>
</span>

第二组router-link

<span class="other">
                <router-link id="zuire" to="zuire" exact>最热 </router-link>|
                <router-link id="huayu" to="huayu">华语</router-link> |
                <router-link id="oumei" to="oumei">欧美</router-link> |
                <router-link id="rihan" to="rihan">日韩</router-link> |
                <router-link id="danqu" to="danqu">单曲</router-link>
</span>

我每次点击第二组router-link，然后会发现第一组的router-view没有内容会发生变化，因为路径变化了，怎么样式点击第二组的router-link不会影响第一个的router-view

我点击近期热门歌曲图片中的最热发现，新碟榜中的最热显示消失了

Answer 1

不明白你描述的问题。。。

Answer 2

路由不在同一层级吧