在这个例子中,当点击“首页”菜单项时,会调用 handleMenuItemClick 方法,并传递 /home 作为参数,从而实现页面跳转到首页。 测试页面跳转功能是否按预期工作: 确保你的 Vue Router 配置正确,并且每个路由地址都有对应的组件。然后,在浏览器中测试点击菜单项时页面是否能够正确跳转。 通过以上步骤,你就可以使用 el-me...
<el-menu-item index="product2">产品2</el-menu-item> </el-submenu> </el-menu> 在上面的示例中,我们创建了一个水平模式的菜单,并设置了默认选中的菜单项。同时,我们开启了路由模式,这样当点击菜单项时,会自动触发路由跳转。 需要注意的是,在使用el-menu的过程中,我们需要和VueRouter进行配合使用,以实现...
1.要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 2.导航当前项,在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性,不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时...
</el-aside> 第一种方法: 利用select事件函数传递path值,使用this.$router.push()进行路由跳转 说明一下这个方法我在<el-menu>的属性里没有加router属性,还有就是<el-menu-item>里的index属性要写上你将要跳转的路由地址 select绑定的方法里js代码这样写的↓ handleSelect(key, keyPath) {this.$router.push({...
el-menu下面有两个el-menu-item,如果index里面写的是firstPage,点击以后跳转的路径是http://localhost:8080/#/mainPage,如果想跳转到百度该怎么做? <el-menu :collapse="isCollapse" theme="dark" :router=true :unique-opened="true"> <el-menu-item index="firstPage"><i class="el-icon-menu"></i>...
el-menu下面有两个el-menu-item,如果index里面写的是firstPage,点击以后跳转的路径是http://localhost:8080/#/mainPage,如果想跳转到百度该怎么做? <el-menu :collapse="isCollapse" theme="dark" :router=true :unique-opened="true"> <el-menu-item index="firstPage"><i class="el-icon-menu"></i>...
<el-menuclass="dash-menu"unique-opened background-color="red"text-color="white"active-text-color="white":default-active="navselected":active="navselected"router @open="handleOpen"@close="handleClose">data(){return{navselected:this.$store.state.selectMenuIndex,}},watch:{// 监测store.state'...
--设置index--><el-menu-itemindex="/ceshi1">测试1</el-menu-item><el-menu-itemindex="/ceshi2">测试2</el-menu-item><!--<el-menu-item-group title="分组2">--><el-menu-itemindex="/ceshi3">测试3</el-menu-item><el-menu-itemindex="/ceshi4">测试4</el-menu-item><!--...
<el-menu-item index="/page1"> <span>菜单1</span> </el-menu-item> <el-menu-item index="/page2"> <span>菜单2</span> </el-menu-item> <el-sub-menu index="/Demo"> <template #title> <span>菜单3</span> </template> <el-menu-item index="/demo1">菜单3.1</el-menu-item> ...
el-menu 添加 :default-active=“this.$router.path” 和 router (default-active前面要有 “:” ) router.js文件下应该配置好路由路径。建议用路由懒加载方式 //import main from './pages/main.vue'Vue.use(Router); exportdefaultnewRouter({