- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
大家好!
我面临着一个我找不到解决方法的大问题。
简而言之 - 我希望能够生成以前未知长度的多级路由来创建过滤器。
更多详情有一个网站site.com
它有部分:site.com/news、site.com/articles 等等。为简单起见,我将它们表示为 site.com/section
每个部分都有类别:site.com/news/people、site.com/articles/how。为简单起见,我将它们表示为 site.com/section/category
栏目和类别的个数可以超过一个
当用户转到某个部分时,他们会看到该部分中的完整帖子列表。
当用户转到该版 block 的类别时,他只能看到该类别中的新闻。
有几个这样的部分,所以我设置了@nuxt/routejs来禁用基于pages目录的路由。route.js 看起来像这样
Vue.use(Router)
export function createRouter() {
return new Router({
mode: 'history',
routes: [
// Home page of the site
{
path: '/',
component: BasePage,
},
// Page with a section
{
name: 'section',
path: '/:section',
component: PostBase,
},
// Also a page with a section, but with pagination taken into account
{
name: 'section-page',
path: '/:section/page/:page',
component: PostBase,
},
// Category page inside the section
{
name: 'category',
path: '/:section/:category',
component: PostBase,
},
// Category page inside the section, but with pagination taken into account
{
name: 'category-page',
path: '/:section/:category/page/:page',
component: PostBase,
},
]
})
}
然后我不知道如何正确解决问题。我想让用户能够使用尽可能接近 SEO 推荐的“智能过滤器”。例如,它可以使用单个过滤器并得到这个:
site.com/news/sorting-date
并且可以获得:
site.con/news/sorting-date/author-elisa/page/4
或者是:
site.com/news/people/sorting-views/city-new-york/page/2
我可以举出更多例子,但我认为从这三个例子中可以清楚地看出,如果过滤器数量未知(我通过管理面板设置),可能会有未知数量的斜线。
我该怎么办?如何正确解决这个问题?
我也为非常糟糕的英语道歉。我真的希望得到你的帮助甚至提示:)
最佳答案
您可以使用“一个或多个”或“零个或多个”匹配器执行此操作:
{
name: 'category',
path: '/:section/:category/:filters*', // or :filters+ if you want at least one
component: PostBase,
},
然后你将在 this.$route.params.filters
下拥有像 "sorting-views/city-new-york/page/2"
这样的值p>
有关详细信息,请参阅 documentation on vue router以及在 path-to-regexp 下使用的库的文档
关于javascript - NuxtJS 和多级人类可读过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66723441/
我在不同的硬件上测试 Cassandra 已经有一段时间了。 首先我有 2 个 CPU 和 6 GB RAM 然后我更改为 16 个 CPU 和 16 GB RAM(其中只有 6 GB 可供我的测试使
我只是想从二进制文件中读/写。我一直在关注 this教程,它的工作原理......除了它似乎正在将内容写入 txt 文件。我在测试的时候把文件命名为test.bin,但是记事本可以打开并正常显示,所以
我编写了一些简单的 Java 代码来从文本文件中读取字符串,将它们组合起来,然后将它们写回。 (有关输出没有变化的简化版本,请参见下面的片段) 问题是输入文件和输出文件中的特定字符(- 和 ...)是
我真的很感兴趣——你为什么要放 readln; 从键盘读取一些值到变量后的行?例如, repeat writeln('Make your choise'); read(CH); if (CH = '1
只要程序不允许同时写入存储在模块中的共享数据结构的相同元素,它是线程安全的吗?我知道这是一个菜鸟问题,但在任何地方都找不到明确解决的问题。情况如下: 在程序开始时,数据被初始化并存储在模块级可分配数组
我有一个数据结构,其操作可以归类为读取操作(例如查找)和写入操作(例如插入、删除)。这些操作应该同步,以便: 读操作不能在写操作执行时执行(除非在同一线程上),但是读操作可以与其他读操作并发执行。 在
我在Java套接字编程中有几个问题。 在读取客户端套接字中的输入流时,如果抛出IO异常;那么我们是否需要重新连接服务器套接字/再次初始化客户端套接字? 如果我们关闭输出流,它将关闭客户端套接字吗? 如
我正在尝试从客户端将结构写入带有套接字的服务器。 结构是: typedef struct R { int a; int b; double c; double d; double result[4];
我想知道是否可以通过 Javascript 从/向 Azure Active Directory 广告读取/写入数据。我读到 Azure 上有 REST 服务,但主要问题是生成与之通信的 token
我希望有人能提供完整的工作代码,允许在 Haskell 中执行以下操作: Read a very large sequence (more than 1 billion elements) of 32
我有一个任务是制作考试模拟器。我的意思是,在老师输入某些科目的分数后,学生输入他的名字、姓氏和出生,然后他决定学生是否通过科目。所以,我有一个问题,如何用新行写入文件文本并通过重写该文件来读取(逐行读
我需要编写巨大的文件(超过 100 万行)并将文件发送到另一台机器,我需要使用 Java BufferedReader 一次读取一行。 我使用的是 indetned Json 格式,但结果不太方便,
我在 Android 应用程序中有一个读写操作。在 onCreate 上,将读取文件并将其显示为编辑文本并且可以进行编辑。当按下保存按钮时,数据将被写入 onCreate 上读取的同一文件中。但我得到
我正在编写一个程序,该程序从一个文件读取输入,然后该程序将格式化数据并将其写入另一个文件。 输入文件: Christopher kardaras,10 N Brainard,Naperville,IL
我有一个 SCALA(+ JAVA) 代码,它以一定的速率读写。分析可以告诉我代码中每个方法的执行时间。如何衡量我的程序是否达到了最大效率?为了使我的代码优化,以便它以给定配置可能的最大速度读取。我知
嗨,我想知道如何访问 java/maven 中项目文件夹中的文件,我考虑过使用 src/main/resources,但有人告诉我,写入此目录中的文件是一个坏主意,并且应该只在项目的配置中使用,所以我
我想读\写一个具有以下结构的二进制文件: 该文件由“RECORDS”组成。每个“RECORD”具有以下结构:我将以第一条记录为例 (红色)起始字节:0x5A(始终为 1 字节,固定值 0x5A) (绿
我想制作一个C程序,它将用一些参数来调用;每个参数将代表一个文件名,我想在每个参数中写一些东西。 FILE * h0; h0 = fopen(argv[0],"w"); char buff
我有一个包含团队详细信息的文件。我需要代码来读取文件,并将获胜百分比写入第二个文件。我还需要使用指示的搜索功能来搜索团队的具体信息。该代码未写入百分比文件。当菜单显示时,第一个文件的内容被打印,但代码
我正在使用 read() 和 write() 函数来处理我的类,并且我正在尝试使用一个函数来写入它所读取的内容以及我作为参数给出的前面的内容。 例如,我想给出 10 作为我的程序的参数 int mai
我是一名优秀的程序员,十分优秀!