"Nuxt.js: URL을 사용하여 ID 전달"
P粉511985082
2023-08-26 00:11:20
<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>
템플릿 문자열은 백틱만 사용하지만 문자열은 작은따옴표와 백틱을 모두 사용합니다.
교체 값(
route.params.id
)引用了一个在你的示例中似乎未定义的route
变量。我认为你想要访问this.$route
,所以实际的替换应该是this.$route.params.id
으아악items
배열은 다음과 같아야 합니다:데모
예시입니다
으아악또한 계산된 속성이 아닐 수도 있으므로
computed
에서 사용해 보세요.