时间戳

首页 > 解决方案 > 在 vue 路由器中，是否可以使用 HTML5 历史模式使用动态路由？

javascript - 在 vue 路由器中，是否可以使用 HTML5 历史模式使用动态路由？

问题描述

基本上，我面临的问题是：有一个动态路由器，例如：

www.example.com/:id

并且无论何时通过以下 URL 直接访问它：

www.example.com/10101010

我想通过使用此 ID 通过服务器获取数据来显示相关信息。关于如何实现它的任何想法？应该在 Vue 部分实现还是在后端部分实现？

标签： javascriptvue.jsvue-router

解决方案

我真的不明白你的问题，但是...

您可以使用“$router.params”显示您的实际 url id。

当然，你也可以从你的 vue 组件脚本中访问它。

例子：

//Actual URL: www.example.com/10101010

<template>
   <div>
      actual id: {{$router.param.id}}
      <!--this shows 10101010-->
   </div>
</template>

有关更多信息，您应该查看：https ://router.vuejs.org/guide/essentials/dynamic-matching.html

推荐阅读