vue2의 별칭 URL에서 ID 가져오기

vue2의 별칭 URL에서 ID 가져오기

의 다른 의 URL이 있어요/settings/:code ★★★★★★★★★★★★★★★★★」/settings:

{
    path: '/settings',
    alias: '/settings/:code',
    name: 'settings',
    component: settings
},

SPA에 에서 정상적으로 .localhost:8080/settings ★★★★★★★★★★★★★★★★★」localhost:8080/settings/123어느 쪽이든 설정 컴포넌트에 도달합니다.

가 이걸 할 때 해?:code음음음같 뭇매하다

resetCode: this.$route.params.code,

에서 url에 있어도.localhost:8080/settings/123.

가명과 경로를 반대로 바꾸면 다음과 같이 됩니다.

{
    alias: '/settings',
    path: '/settings/:code',
    name: 'settings',
    component: settings
},

제 : 즉, 이 됩니다. URL 123입니다.localhost:8080/settings/123 이 url에 되지 않습니다.localhost:8080/settings

어느 쪽이든 나쁘다면 어떻게 고칠 수 있을까요?

식으로 하는 것은 .alias동작합니다. URL 에일리어스는 다른 이름으로 지정할 수 있지만 URL 파라미터로는 지정할 수 없습니다.

path: '/settings'
alias: '/settings/:code' // incorrect
alias: '/settingsAlias' // correct (different path name)

path: '/settings/:code'
alias: '/settings' // incorrect ( param is missing )
alias: '/settingsAlias/:code' // correct
alias: '/settingsAlias/:codeAlias // correct

,,@Thomas Kleßen답변이 잘 되는 것 같습니다., 는 아닙니다

path: '/settings',
component: settings,
children: [
  {
    path: ':code' // ( incorrect usage ) how is this children?
  }
]

에는 슬래시(슬래시)가./뿐만 )/:param/pathname를예로서 를 앞의 예로서 사용하고 있는 경우는, 라우터를 사용해 트릭을 실행하고 있을 뿐입니다.

그럼 올바른 사용법은 무엇일까요?

옵션 파라미터를 정의할 수 있습니다.

path: '/settings/:code?' // using ? defines param as optional

이제 제제때 so를 누를 수 .'/settings' ★★★★★★★★★★★★★★★★★」'/settings/123'를 참조해 주세요.

이것을 시험해 보세요.

{
    name: 'settings',
    path: '/settings',
    component: settings,
    children: [
      {
        name: 'settings_code',
        path: ':code',
        component: settings
      }
    ]
}

테스트되지 않았지만, 에일리어스와 패스가 같은 패스와 일치하기 때문에 문제가 발생하고 있다고 생각합니다.그래서 어린이용 경로로 시도해보는 게 좋을 것 같아요

언급URL : https://stackoverflow.com/questions/49409687/get-id-from-url-on-alias-in-vue2