"Nuxt.js: Pas ID menggunakan URL"
P粉511985082
2023-08-26 00:11:20
<p>我想要获取用户ID,所以我有一个下拉按钮=</p>
<pre class="brush:html;toolbar:false;"><v-menu
transition="slide-y-transition"
bawah
offset-y
>
<template v-slot:activator="{ on, attrs }" >
<v-btn
warna="utama"
gelap
v-bind="attrs"
v-on="on"
>
列表
</v-btn>
</template>
<v-senarai>
<v-senarai-item
v-for="(item, indeks) dalam item"
:key="indeks"
:to="item.url"
>
<v-list-item-title>{{item.title}}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</pra>
<p>和这个数据:</p>
<pre class="brush:html;toolbar:false;"><script>
eksport lalai {
data: () => ({
item: [
{
tajuk: '用户列表',
url: '`/user/function/listUser/${route.params.id}`'
},
{
tajuk: '用户结构',
url: '`/user/function/structUser/${route.params.id}`'
}
]
})
}
</skrip>
</pra>
<p>我的意图是发送用户ID。这样,我实际上可以通过<code>route.params.id</code>获/得>
<pre class="brush:js;toolbar:false;">url: '`/user/function/structUser/${route.params.id}`'
</pra>
<p>不起作用,我做错了什么?</p>
Rentetan templat hanya menggunakan kutu belakang, tetapi rentetan anda menggunakan petikan tunggal dan kutu belakang.
Nilai gantian (
route.params.id
)引用了一个在你的示例中似乎未定义的route
变量。我认为你想要访问this.$route
,所以实际的替换应该是this.$route.params.id
items
Tatasusunan sepatutnya kelihatan seperti ini:Demo
Ini adalah contoh
Selain itu, mungkin cuba gunakannya dalam
computed
kerana ia mungkin bukan harta yang dikira.