When writing the navigation bar with Vue, use index as a unique logo. Click on the external link, and the page will jump to the Index path, but what should I do to keep it on the original page?

< el-submenu v-for="menuItem in navLinks": index="menuItem.path": key="menuItem.id" >

      <template slot="title">{{menuItem.name}}</template>
     </el-submenu>
     
     
 **data:**
   navLinks: {
    name:"",
    path:"enter",
    subs:[{
      name:"",
      path:"http://cet.etest.net.cn/",
      type:"out"
    },{
      name:"",
      path:"http://jiaowu.sicau.edu.cn/xuesheng/kao/bao/kaike.asp",
      type:"out"
    },{
      name:"",
      path:"http://cjcx.neea.edu.cn/ncre/query.html",
      type:"out"
    }]
  }
  ![][1]

the page path changes after clicking, but I want it to remain the same after clicking. What should I do?

Mar.18,2021

I understand that there are two kinds of problems:
1. To transform the original application
, you can use iframe as the display content of the current navigation, and change the url of the iframe to switch the contents of the display navigation
2. Single page, actual navigation switching content on one page
this kind of vue-router, is used to switch content by clicking navigation through nested routing. The route path is generally relative to the path

.
Menu