在配置路由规则时,可以指定props属性,后面的跟的属性值有三种写法:
1) 布尔数据 这样id就可以通过props来接收了
{path:"/about/:id",name:“about”,component:About,props:true},
2) props后面跟上一个对象,如果props是一个对象,它会被按原样设置为组件的属性。
{path:"/about/:id",name:“about”,component:About,props:{intro:“百度”,site:“http://www.baidu.com”}},
3) props后面跟上一个函数 把我们写的数据和中路由传递的数据结合在一起
props:(route)=>({params:route.params,a:1,b:2})
1)跟布尔数据:
{path:"/about/:id",name:"about",component:About,props:true},
使用方法:
export default {
name: "About",
props:["id"]
}
直接小胡子就可应用
2)跟对象:
{path:"/about/:id",name:"about",component:About,props:{intro:"百度",site:"http://www.baidu.com"}},
使用方法:
export default {
name: "About",
props:["intro","site"]
}
直接小胡子就可应用
3)跟函数:
{path:"/about/:id",name:"about",component:About,props:(route)=>({params:route.params,a:1,b:2})}
使用方法:
export default {
name: "About",
props:["params","a","b"]
}
params里有id属性