Vue详细解释嵌套路由查询传递参数
在嵌套的路由,我们经常会遇到家长路由到subroute传递参数。有两种方法来传递参数,通过查询或参数index.html
main.js也显示父路由重新定义
进口Vue from'vue
进口vuerouter from'vue-router
vue.use(vuerouter)
这两个组件的引入
从进口家。/回家。Vue
从进口游戏。 /游戏。Vue
定义路由
常量路由= {
{路径
{
路径: home
孩子们:{
{路径:
}
}
}
创建路由示例
const路由器=新VueRouter({路线})
新的Vue({
EL:# APP,
数据:{
身份证:123,
},
方法:{
},
路由器
})
home.vue通过num参数通过1查询,这相当于拼接参数在URL地址
首页
显示
的game.vue subroute显示传递的参数,通过这route.query.num美元。
荣耀的王} }这route.query.num美元转向。
运行后,传入参数将显示在地址栏中。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。