项目实践难点总结-尚品汇
整个项目的三大关键点:分页;注册;支付
重定向问题
在路由配置文件中,应该配置重定向,使页面一开始跑起来就到首页
{
path:'*',
redirect:"/home"
}
路由传参(面试题)
- 路由跳转有两种方式:(1)router-link声明式导航(2)编程式导航:push/replace
- 路由传递参数(对象写法)path不可以结合paramas参数一起使用
- 指定params参数可传可不传
情况一:在路由配置文件中已经配置占位符,但路由跳转时不传递?
方法:在router配置文件中进行配置:占位符后面添加?
{
path:"/search/:keyword?",
component:Search,
meta:{
show:true},
name:"search"
}
情况二:在路由配置文件中已经配置占位符,但路由跳转时传递的是空串?(跳转后页面显示有问题,无法显示组件路径)
方法:使用undefined
this.$router.push({
name:'search',
params:{
keyword:''||undefined
},
query:{
k:this.keyword
}
})
- 路由组件能否传递props数据?
答:可以,有三种传递写法
(1)props值为布尔值,值为true,则将路由收到的全部 paramas参数传递给该组件
(2&#x