"Nuxt.js: Pas ID menggunakan URL"
P粉511985082
P粉511985082 2023-08-26 00:11:20
0
2
533
<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>
P粉511985082
P粉511985082

membalas semua(2)
P粉060112396
  1. Rentetan templat hanya menggunakan kutu belakang, tetapi rentetan anda menggunakan petikan tunggal dan kutu belakang.

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

items Tatasusunan sepatutnya kelihatan seperti ini:

export default {
  data() {
    return {
      items: [
        {
          title: 'List User',
          url: `/user/function/listUser/${this.$route.params.id}`
        },
        {
          title: 'structure User',
          url: `/user/function/structUser/${this.$route.params.id}`
        }    
      ]
    }
  }
}

Demo

P粉293341969

Ini adalah contoh

`/user/function/structUser/${this.$route.params.id}`

Selain itu, mungkin cuba gunakannya dalam computed kerana ia mungkin bukan harta yang dikira.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan