如何向Vuejs传递url参数

2024-02-09

我正在使用 laravel 和 VueJs 构建一个应用程序,我想知道如何以正确的方式将 url 参数(例如用户 slug 或用户 id)传递给 vuejs,以便能够使用该参数发出 ajax 请求?

例如,当有人点击链接时

domain.com/user/john-appleseed

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

“正确/正确”的方法是什么?

提前致谢!


vue-路由器 https://github.com/vuejs/vue-router可能会有所帮助。它可以让你像这样定义你的路线:

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

在你的Profile组件,请求的用户的 slug 将在下面变得可用this.$route.params.slug

详细查看官方文档:http://router.vuejs.org/en/ http://router.vuejs.org/en/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何向Vuejs传递url参数 的相关文章

随机推荐

  • Bootstrap 4 轮播不起作用?

    我有以下 BS4 轮播代码 使用本教程制作的 但是代码不起作用 显示了第一张图像 但我不知道出于什么原因轮播不受控制 并且在任何情况下都不会转到下一张图像 可能的解决方案是什么 div class container div class r
  • nm 输出中的“_GLOBAL__sub_I_”是什么意思?

    当我尝试解决静态链接中的问题时 我遇到了一些问题 GLOBAL sub I 符号名称前面的前缀 尽管我使用过 但它以这种形式出现nm demangle C 我偶然发现了这个答案 如何找到全局静态初始化 https stackoverflow
  • Docker 名称解析暂时失败 [Errno -3]

    我正在关注码头工人教程 https docs docker com get started part2 我必须使用以下方法构建应用程序 docker build t friendlyhello 它到达第 4 步 暂停后我收到此错误 Step
  • Node.js 中 require 的正确方法是什么?

    我刚刚开始使用 Node js 和 Electron 并且在文档和示例代码中都看到了有关如何请求模块的各种方法 具体来说 我正在尝试遵循this https medium com developers writing building a
  • 如何获取 ASP.NET MVC 中 HttpResponse 的引用?

    我正在调用一个第三方库 它需要System Web HttpResponse 我看到我有一个HttpResponseBase 但不是HttpResponse就像网络表单一样 有没有办法获得HttpResponse Using MVC 3 E
  • 为什么 Manifest 被弃用了?什么时候应该使用 ClassTag,什么时候应该使用 TypeTag

    我有几个问题Manifest and TypeTag 据我了解 JVM 不了解泛型并删除类型 所以我不能这样做 def factoryForAll T new T will not compile Runtime doesn t know
  • 如何按多个 T.attributes 对 List 进行排序?

    假设我有一个歌曲列表 Song public string Name public int PlayOrder 0 现在我想首先按播放顺序对它们进行排序 从零开始 然后按名称字母顺序对它们进行排序 因此 排序结果的示例集将是 名称 播放顺序
  • 多个应用程序窗口激活无法正常工作

    我有一个 Delphi 应用程序 它以文档浏览器作为主窗体 当用户打开文档时 我们打开一个编辑器窗口 我们希望每个编辑器的任务栏以及主窗体上都有一个按钮 我已经应用了普通代码来执行此操作 如下 但是当我在使用编辑器窗口后单击主窗体时 编辑器
  • 如何获取 Rails 表单或 field_for 块内的底层对象?

    我无法弄清楚如何获取 form for 或 field for 块中的底层对象 我想做的是这样的 和 children 是一个多态 has many 关联 建议 这不就是
  • 带 lambda 表达式的起订量?

    我正在尝试使用 Moq 4 0 10827 在 NuGet 上 测试应用程序服务 并且需要查询存储库 public class MyService Repository
  • Python - excel:写入多个单元格需要时间

    我正在使用 win32com client 将数据写入 Excel 文件 这花费了太多时间 下面的代码模拟了我想要更新 Excel 的数据量 大约需要 2 秒 有没有一种方法可以在一次调用中更新多个单元格 具有不同的值 而不是一个一个地填充
  • 以编程方式向 Gradle 添加风味

    我有一个 Android 项目 目前正在其中构建 20 种风格 并且可能会构建超过 100 种 每种风格唯一改变的是一些资源文件 可绘制对象和字符串 我想使用 gradle 遍历 src 中的每个文件夹 并根据该风味的目录名称创建包名称为
  • 如何注册我自己的 Firefox 扩展?

    我正在尝试学习如何编写 Firefox 扩展 我从下载了一个 HelloWorld 示例here http kb mozillazine org Getting started with extension development reg
  • 为什么不能为函数的形参指定存储类别?

    当我执行以下操作时 代码工作正常 include
  • 在 Java 中连接来自 HBase 的两个结果集?

    是否可以连接从 java 中的 hbase 检索的两个或多个结果集 不 不可能加入 JDBC 结果集 但是 您可以获取它们的结果并手动组合它们 如果它们兼容 如果它们属于同一实体 EDIT 如果您只需要组合两个相同类型的列表 您可以这样做
  • Stargazer 回归输出中具有交互作用的排序变量

    我有以下回归 fit1 lt lm y x1 data data fit2 lt lm y x1 x2 data data fit3 lt lm y x3 x1 data data 我希望输出中的解释变量按顺序排列 x1 x2 x3 最后是
  • 将 Numpy 数组复制到内存视图

    我有一个memoryview on a numpy数组并想复制另一个数组的内容numpy使用此数组将其放入其中memoryview import numpy as np cimport numpy as np cdef double 1 t
  • 将字符串解析为公式的库,适用于 Windows Phone 7

    是否有任何 NET 库可以将字符串解析为公式 IE 如果用户输入 2 5 2 图书馆就能计算出结果吗 编辑 最好是能够与 Windows Phone 7 一起使用而无需太多摆弄的东西会很好 NCalc http ncalc codeplex
  • 是什么原因导致“x.asm:(.text+0xd): 对‘y’的未定义引用”?

    我已经很长一段时间没有使用 C 和汇编语言进行编程了 大约 2 年 现在我决定重新开始 但我想做一些更复杂的事情 我考虑过创建一个简单的内核 现在我在网上找到了这个源代码 启动 asm global loader extern kernel
  • 如何向Vuejs传递url参数

    我正在使用 laravel 和 VueJs 构建一个应用程序 我想知道如何以正确的方式将 url 参数 例如用户 slug 或用户 id 传递给 vuejs 以便能够使用该参数发出 ajax 请求 例如 当有人点击链接时 domain co