时间戳

首页 > 解决方案 > Vuex/Laravel 将参数传递给动态 url

laravel - Vuex/Laravel 将参数传递给动态 url

问题描述

您将如何在 Vuex 中设置动态 axios 调用？例如 /api/data/{id} 其中 id 链接到 laravel 数据库中的用户 id

标签： laravelvue.jsvuex

解决方案

您可以通过执行以下操作访问路由器动态参数：this.$route.params.id

通过 axios 获取用户信息的示例：

<template></template>
<script>
    export default {
        async created() {
            const userInformation = await axios.get(`user/${this.$route.params.userId}`);
        }
    }
</script>

这是假设您有一个使用以下内容定义的路由：

const routes = [
  { path: 'user/:id', name: 'user-view', component: ComponentA }
]

推荐阅读