Vuetify-라우터 링크에 의해 생성 된 태그에 소품 전달

Aug 21 2020

tag를 사용하여 링크를 생성하는 데 사용 된 태그를 재정의 할 때 생성 된 Vue 구성 요소에 소품을 어떻게 전달할 수 있습니까?

여기 v-list-item에서 v-list(표시되지 않음) 안에 태그를 사용하고 있음을 알 수 있습니다 . 이것은 예상대로 작동하며 v-list-itemVue에서 Vuetify 구성 요소로 구문 분석됩니다. 그러나 소품을 전달하는 방법을 알 수 없습니다.v-list-item

<router-link
    :to="{name: 'home'}"
    tag="v-list-item"
>
  <v-list-item-action>
    <v-icon>mdi-home</v-icon>
  </v-list-item-action>
  <v-list-item-content>
    <v-list-item-title>
      Home
    </v-list-item-title>
  </v-list-item-content>
</router-link>

난 노력 했어

<router-link
    :to="{name: 'home'}"
    tag="v-list-item"
    :disabled="isDisabled"
>

...하지만 작동하지 않습니다.

답변

1 BoussadjraBrahim Aug 21 2020 at 01:31

직접 사용 하고 경로 이름을 전달하여 prop을 v-list-item추가 할 수 있습니다 to.

<v-list-item     :to="{name: 'home'}">

에 공식 API 선택 v-list-item드롭 다운 메뉴에서과에 가서 to설명을 소품 :

링크의 대상 경로를 나타냅니다. to prop에 대한 자세한 정보는 vue-router 문서에서 찾을 수 있습니다.