"Nuxt.js: URL을 사용하여 ID 전달"

Question

我想要获取用户ID ，所以我有一个下拉按钮=

<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-메뉴>

<script>
기본값 내보내기 {
  데이터: () => ({
      항목: [
      {
        제목: '사용户列表',
        URL: '`/user/function/listUser/${route.params.id}`'
      },
      {
        title: '사용户结构',
        URL: '`/user/function/structUser/${route.params.id}`'
      }      
    ]
  })
}
</스크립트>

저희의 의도적인 의도는 다음과 같습니다.

url: '`/user/function/structUser/${route.params.id}`'

저의 작업이 불가능합니까?

Answer 1

1. 템플릿 문자열은 백틱만 사용하지만 문자열은 작은따옴표와 백틱을 모두 사용합니다.

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

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

으아악

데모

Answer 2

예시입니다

으아악

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