vue路由不能跳转 标题要多长才可以

问题遇到的现象和发生背景

vue路由跳转 在首页点导航条上的修改密码 就能跳转到修改密码界面 但是在其他页面 点修改密码 就跳到404界面了

//这个是导航条上面的修改密码连接
        <el-dropdown-menu slot="dropdown" class="user-dropdown">
          <router-link to="userManagement/ChangePassword">
            <el-dropdown-item>
              修改密码
            el-dropdown-item>
          router-link>

          <el-dropdown-item divided @click.native="logout">
            <span style="display:block;">退出登录span>
          el-dropdown-item>
        
//这个是路由
 {
    path: '/userManagement',
    component: Layout,
    redirect: '/userManagement',
    name: 'userManagement',
    meta: { title: '用户管理', icon: 'el-icon-user-solid' },
    children: [
      {
        path: 'ChangePassword',
        name: 'ChangePassword',
        component: () => import('@/views/userManagement/ChangePassword/index'),
        meta: { title: '修改密码', icon: 'el-icon-bank-card' }
      },
      {
        path: 'Subuser',
        name: 'Subuser',
        component: () => import('@/views/userManagement/Subuser/index'),
        meta: { title: '子账号管理', icon: 'el-icon-user' }
      }

    ]
  },

用代码块功能插入代码，请勿粘贴截图

我想要达到的结果

就是想在任何界面 点修改密码 都能跳到修改密码的界面

to="/userManagement/ChangePassword"
to="{path: '/userManagement/ChangePassword'}"
to="{name: 'ChangePassword'}"

       <el-dropdown-menu slot="dropdown" class="user-dropdown">
          <router-link to="/userManagement/ChangePassword">
            <el-dropdown-item>
              修改密码
            </el-dropdown-item>
          </router-link>

          <el-dropdown-item divided @click.native="logout">
            <span style="display:block;">退出登录</span>
          </el-dropdown-item>
        </el-dropdown-menu>

自己乱试 在userManagement/ChangePassword前面加个/ 就好了