(vue 라우터) 거의 동일한 뷰로 두 개의 경로를 만들 때 코드를 복제하지 않는 깔끔한 방법이 있습니까?

수프 수프

다음 과 같이 / articles / new에NewArticleView 매핑 vue 구성 요소가 있습니다 .

const routes = [
    ...
    {
        path: '/articles/new',
        name: 'New Article',
        component: NewArticleView
    },
    ...
]

보기는 기본적으로 형식 일뿐입니다.

EditArticleView구성 요소 를 만들고 싶지만 새 구성 요소를 만드는 것은 NewArticleView.

구성 요소의 동작을 수정하는 edit경로 (예 :)로 이동할 때 플래그 나 무언가 를 보내는 방법이 있었으면 합니다 router.push('/articles/new', editArticle=true). 빈 양식 대신 편집하려는 기사에 양식 값을 바인딩하고 새 기사를 만드는 데 사용되는 대신 업데이트 API 호출을 사용합니다.

이렇게하는 깔끔한 방법이 있습니까?

Boussadjra Brahim

다음과 같은 ArticleView소품을 허용하는 하나의 구성 요소를 만들 수 있습니다 editArticle.

  {
        path: '/articles/new',
        name: 'ArticleView',
        component: NewArticleView,
         props: route => ({ editArticle: route.query.editArticle})
    },

다음과 같이 사용하십시오. /articles/new?editArticle=true

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관