资讯专栏INFORMATION COLUMN

向路由组件传递参数2种方法

Donne / 2162人阅读

摘要:方式路由路径携带参数配置路由路由路径路由组件中读取请求参数方式属性携带数据,这个是使用方法我是组件

方式1:路由路径携带参数(param/query)

配置路由

children:[
             {
              path:"/home/message/detail/:id",
              component:MessageDetail
             }
 ]

路由路径
{{message.title}}
路由组件中读取请求参数
this.$route.params.id

方式2:属性携带数据 ,这个是app.vue




使用方法: