Vue详细解释嵌套路由查询传递参数

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美元转向。
运行后,传入参数将显示在地址栏中。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部