总结:
- 路由
我今天犯了一个错,没有想清楚路由的跳转关系,嵌套关系。遗漏了一层路由,导致有点懵逼这层理由应该加在哪里,我的嵌套的关系是什么也是有点懵逼的。根本就没有想清楚,就去做结果页面到时写完了,也没什么逻辑,被路由高懵逼了,估计的重写了。
我看你写的代码好像没看懂。。
一下是你写个人中心的代码:
当时我炸看一眼,有点懵逼,没看懂,心里就想,<a>标签写三个路由。。写的什么鬼啊,我要写的东西肯定和你的不一样...不一样...最后就《我们不一样》。。。。
一下是你index.js中的代码:
{
path: "/personalCenter",
component: PersonalCenter,
children: [
{
path: "/myAssets", // 我的资产
component: MyAssets,
children: [
{
path: "/myIntegral", // 我的积分
name: "MyIntegral",
component: MyIntegral
},
{
path: "/myCoupon", // 我的点券
name: "MyCoupon",
component: MyCoupon
}
]
},
{
path: "/myOrder", // 我的订单
name: "MyOrder",
component: MyOrder
},
{
path: "/resetEmail", // 重置邮箱
name: "ResetEmail",
component: ResetEmail
},
{
path: "/modifyPhoneNumber", // 修改密码
name: "ModifyPhoneNumber",
component: ModifyPhoneNumber
},
{
path: "/myRecord", // 我的记录
component: MyRecord,
children: [
{
path: "/myCollect", // 我的收藏
name: "MyCollect",
component: MyCollect
},
{
path: "/myComment", // 我的点评
name: "MyComment",
component: MyComment
}
]
},
{
path: "/usualInfo", // 常用信息
component: UsualInfo,
children: [
{
path: "/usualContactList", // 常住旅客
name: "UsualContactList",
component: UsualContactList
},
{
path: "/usualHotelList", // 常住酒店
name: "UsualHotelList",
component: UsualHotelList
},
{
path: "/invoiceTitle", // 发票管理
name: "InvoiceTitle",
component: InvoiceTitle
}
]
},
{
path: "/myCenter", // 个人中心
component: MyCenter,
children: [
{
path: "/personalInfo", // 个人资料
name: "PersonalInfo",
component: PersonalInfo
},
{
path: "/memberLever", // 会员级别
name: "MemberLever",
component: MemberLever
},
{
path: "/noticeCenter", // 消息中心
name: "NoticeCenter",
component: NoticeCenter
},
{
path: "/resetEmail", // 重置邮箱
name: "ResetEmail",
component: ResetEmail
},
{
path: "/memberSafe", // 账户安全
name: "MemberSafe",
component: MemberSafe
}
]
}
]
},
只有三层,而我貌似写了4层,也是醉了,最外层什么都不做,就是个路由容器,进入这个页面,应该显示第一个Tab title里面的第一个tab content的路由,而第二个tab title,被点击时,应该显示第二个tab-title的tab-content , 我应该吧“会员公告”看成第二个tab title的tab content,他应该是和公告内容一级的,明天再看吧,页面写完了,路由写错了。。。