根据导航菜单实现点击跳转不同组件携带所需要使用的参数
**vue中可以跳转路由可以通过this.$router.push(url)进行不同组件页面跳转,但是如果需要向子组件传递参数可以使用prop进行传参,但是如果在vue-cli中并不是很方便。我们查看源码可以得知this.$router.push()可以传递下面几个参数**
name:“router/index.js中组件的名称”
path:“组件的跳转路由”
query:“传递参数的字典”
parmars:“传递参数的字典”
需要注意的是 url和parmas不能一起使用,会导致路由跳转失败,path可以和query同时使用,name和parmas可以同时使用
格式如下:
然后在跳转的组件中通过下面的方式进行接收参数