我想要获取用户ID，所以我有一个下拉按钮=
2
987<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"
>
列表
</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: '用户列表',
url: '`/user/function/listUser/${route.params.id}`'
},
{
title: '用户结构',
url: '`/user/function/structUser/${route.params.id}`'
}
]
})
}
</script>
我的意图是发送用户ID。这样，我实际上可以通过route.params.id获得
url: '`/user/function/structUser/${route.params.id}`'
不起作用，我做错了什么？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
模板字符串只使用反引号，但你的字符串同时使用了单引号和反引号。
替换值（
route.params.id）引用了一个在你的示例中似乎未定义的route变量。我认为你想要访问this.$route，所以实际的替换应该是this.$route.params.iditems数组应该像这样：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}` } ] } } }演示
这是一个例子
`/user/function/structUser/${this.$route.params.id}`另外，也许尝试在一个
computed中使用它，因为它可能不是计算属性。