用Vue写导航栏时，用index做唯一标识，点击外部链接是，页面会跳到Index路径

Question

<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'    }]  }点击后页面路径变化但是我希望它点击后依然保持原来的路径，该怎么做呢？

Answer 1

你说的问题我理解有两种：
1.改造原来的应用
可以用iframe 作为 当前 导航 的显现内容，通过改变iframe 的url 来切换显示导航的内容
2.单页面，在一个页面现实导航切换的内容
这种要用到 vue-router，通过嵌套路由，实现点击导航切换内容，路由的路径一般相对路径