我正在使用 VueJS 做一个项目,我需要以下内容:
使用 API 并获取主页中的用户列表。
当单击用户的按钮时,我需要重定向到另一个组件并在该组件中输出该用户的详细信息(仅我单击的用户的详细信息)。
这是显示用户信息的表格
{{ props.index + 1 }} {{ props.item.profile.full_name }} {{ props.item.email }} {{ props.item.username }} {{ props.item.updated_at }} make payment No data available
视图函数在方法中
view() {
window.open(`/finance/pay-doctors/${item.id}`, "_blank");
},
我创建了一条动态路线
{ path: '/finance/pay-doctors/:id', component: DoctorDetails}
无法创建 DoctorDetails 并显示数据
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
我建议您首先尝试使用路由器推送。
因此请使用
<script> export default { methods: { view(id) { this.$router.push({ path: `/finance/pay-doctors/${item.id}` }) } } } </script>确保您的路由器已正确设置+感谢您的 Vue 开发工具,您拥有正确的状态。
此外,请确保在
DoctorDetails上有一些东西可以获取用户的数据。