Vue Router router.push 方法在嵌套路由中如何正确指向子路由?

关于vue-router的嵌套路由和编程式导航的问题

在向子路由的导航中，我发现router.push方法会将本级路由修改而不是导向子路由router.push('mainPageView')在当前路由为'/MainPage'的情况下，会将路由信息更改为'/mainPageView'，而不是期望的'/MainPage/mianPageView'，导致

我试着使用完全地址

router.push(`${route.fullPath}/mainPageView`)

发现能够正常使用。但在多级的嵌套路由中，拼凑完全地址十分麻烦，并且在网上查的资料也都是不加/的子路由push应当是拼接在本级路由后的，希望得到不使用完全地址便能够正常路由的方法。