如何将 url 参数传递给 Vuejs

php ajax url vue.js

2022-08-30 22:20:16

我正在用laravel和VueJs构建一个应用程序，我想知道如何以适当的方式将url参数（如用户slug或用户ID）传递给vuejs，以便能够使用该参数进行ajax请求？

例如，当有人点击指向

domain.com/user/john-appleseed

我想在我的vuejs应用程序中发出ajax请求，以slug 'john-appleseed'作为参数。

什么是“正确/适当”的方法？

提前致谢！

答案 1

vue-router可能会在这里有所帮助。它允许您定义路由，如下所示：

router.map({
    '/user/:slug': {
        component: Profile,
        name: 'profile'
    },
})

在您的组件中，请求的用户的辅助信息交换器将在Profilethis.$route.params.slug

有关详细信息，请查看官方文档：http://router.vuejs.org/en/

答案 2

我想你正在构建一个组件。比方说，该组件内部有一个按钮，单击该按钮时，您希望执行操作（AJAX 请求或仅重定向）。

在这种情况下，您将 URL 作为参数传递给组件，并且可以在组件中使用它。

网页：

<my-component login-url="get_url('url_token')">

您的组件 JS：

export default {
    props: {
        loginUrl: {required: true},
    },
    ...
}

然后，您可以以 .this.loginUrl

请注意，HTML部分中的参数名称差异为破折号-notatinon，JS中的参数名称为camelCase。