Vuetify-라우터 링크에 의해 생성 된 태그에 소품 전달
Aug 21 2020
tag
를 사용하여 링크를 생성하는 데 사용 된 태그를 재정의 할 때 생성 된 Vue 구성 요소에 소품을 어떻게 전달할 수 있습니까?
여기 v-list-item
에서 v-list
(표시되지 않음) 안에 태그를 사용하고 있음을 알 수 있습니다 . 이것은 예상대로 작동하며 v-list-item
Vue에서 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 문서에서 찾을 수 있습니다.