"Nuxt.js: URL을 사용하여 ID 전달"
P粉511985082
P粉511985082 2023-08-26 00:11:20
0
2
531
<p>我想要获取用户ID ,所以我有一个下拉按钮=</p> <pre class="brush:html;toolbar:false;"><v-menu 전환="슬라이드-Y-전환" 맨 아래 오프셋 Y > <template v-slot:activator="{on, attrs }" > <v-btn color="기본" 어두운 v-bind="attrs"; v-on="on" > 列表 </v-btn> </템플릿> <v-목록> <v-목록 항목 v-for="항목의 (항목, 색인)" :키="색인" :to="item.url" > <v-list-item-title>{{item.title}}</v-list-item-title> </v-list-item> </v-list> </v-메뉴> </pre> <p></p> <pre class="brush:html;toolbar:false;"><script> 기본값 내보내기 { 데이터: () => ({ 항목: [ { 제목: '사용户列表', URL: '`/user/function/listUser/${route.params.id}`' }, { title: '사용户结构', URL: '`/user/function/structUser/${route.params.id}`' } ] }) } </스크립트> </pre> <p>저희의 의도적인 의도는 다음과 같습니다. <pre class="brush:js;toolbar:false;">url: '`/user/function/structUser/${route.params.id}`' </pre> <p>저의 작업이 불가능합니까?</p>
P粉511985082
P粉511985082

모든 응답(2)
P粉060112396
  1. 템플릿 문자열은 백틱만 사용하지만 문자열은 작은따옴표와 백틱을 모두 사용합니다.

  2. 교체 값(route.params.id)引用了一个在你的示例中似乎未定义的route变量。我认为你想要访问this.$route,所以实际的替换应该是this.$route.params.id

items배열은 다음과 같아야 합니다:

으아악

데모

P粉293341969

예시입니다

으아악

또한 계산된 속성이 아닐 수도 있으므로 computed에서 사용해 보세요.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿