在有二级路由的情况下，一级路由点击也要完成相应的页面跳转。

grtjh203

已于 2024-01-15 09:57:27 修改

阅读量176

点赞数

文章标签： vue.js javascript 前端

于 2023-03-13 16:38:43 首次发布

本文链接：https://blog.csdn.net/qq_59297167/article/details/129497795

版权

在绑定的一级下拉菜单绑定@click.native.prevent 事件

  <el-submenu index="2-4">
      <template slot="title" 
@click.native.prevent="handleSelectMenu(“/路径”,$event.target.tagName)">选项4</template>
      <el-menu-item index="2-4-1">选项1</el-menu-item>
      <el-menu-item index="2-4-2">选项2</el-menu-item>
      <el-menu-item index="2-4-3">选项3</el-menu-item>
    </el-submenu>


//方法：
handleSelectMenu(item, val) {
      console.log('handleSelectMenu', item, val)
      if (item == '/路径的时候' && val == 'DIV') {
        this.$router.push({ name: '/路径' })

}
}

直接就可以完成页面的跳转。