Nuxt js id 通过 url答案

【问题标题】：Nuxt js id through urlNuxt js id 通过 url
【发布时间】：2021-08-16 17:32:26
【问题描述】：

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

<v-menu
  transition="slide-y-transition"
  bottom 
  offset-y
>
  <template v-slot:activator="{ on, attrs }" >
    <v-btn
      color="primary"
      dark
      v-bind="attrs"
      v-on="on"
    >
      List
    </v-btn>
  </template>
  <v-list>
    <v-list-item
      v-for="(item, index) in items"
      :key="index"
      :to="item.url" 
    >
      <v-list-item-title>{{item.title}}</v-list-item-title>
    </v-list-item>
  </v-list>
</v-menu>

还有这个数据：

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

我的目的是发送用户 ID。这样，我实际上可以得到route.params.id

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

不工作，我做错了什么？

【问题讨论】：

标签： vue.js parameters nuxt.js

【解决方案1】：

这个这个

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

另外，也许在computed 中尝试这个，因为它可能无法计算。

【讨论】：

【解决方案2】：

模板字符串仅使用反引号，但您的字符串同时使用单引号和反引号。
替换值 (route.params.id) 指的是在您的示例中似乎未定义的 route 变量。我相信你正在尝试访问this.$route，所以实际替换应该是this.$route.params.id

items 数组应如下所示：

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

【讨论】：