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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e45f7e-438b1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e45f7e-438b1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?