Vue.js 如何将用户ID附加到Vue数据对象内的链接

Vue.js 如何将用户ID附加到Vue数据对象内的链接,vue.js,google-cloud-firestore,vuex,vuetify.js,Vue.js,Google Cloud Firestore,Vuex,Vuetify.js,我正在尝试使用Vuetify将用户ID附加到链接。为了最小化HTML标记,我将链接放在一个数组中,我使用v-for循环访问该数组。我似乎无法将数据添加到字符串的末尾 可以使用{{user.uid}从组件的其余部分访问数据 这是我的数据对象: 数据:=>{ 出票人:错, 项目:[ {标题:'主页',链接:'/'}, {title:'Profile',link:'/Profile/{{user.uid}}} ], }, 计算:{ …地图状态{ 用户:state=>state.user.user }

我正在尝试使用Vuetify将用户ID附加到链接。为了最小化HTML标记,我将链接放在一个数组中,我使用v-for循环访问该数组。我似乎无法将数据添加到字符串的末尾

可以使用{{user.uid}从组件的其余部分访问数据

这是我的数据对象:

数据:=>{ 出票人:错, 项目:[ {标题:'主页',链接:'/'}, {title:'Profile',link:'/Profile/{{user.uid}}} ], }, 计算:{ …地图状态{ 用户:state=>state.user.user } }, 以下是我的循环部分:

该链接应显示“profile/SEADpZAC5uYthxmHsOhNQeKb2XA3”,但它实际上是打印“profile/{{user.uid}”,而不是附加id

希望这只是一个语法问题!免责声明:我还是一个初学者


谢谢

这是一个静态值,它应该是动态的,使用以下语法:

数据:=>{ ... { 标题:“个人资料”, 链接:'/profile/' } ... }, 计算:{ …地图状态{ 用户:state=>state.user.user } },
这是使用vue路由器吗?是使用vue路由器。路由设置为采用如下ID:path:'/profile/:ID',以最小化HTML标记,您可能是对的。我想可能有一个明显的解决办法。那会打乱OP的主页链接