问题标签 [nuxt-link]

如果我的文件结构是：

子页面不呈现（但 url 更新并且页面停留在父页面上）： <nuxt-link :to="'/catrules/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>

如果我将目录的名称更改catrules为catrule，那么一切都按预期工作：

<nuxt-link :to="'/catrule/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>

在Nuxt中，我们可以使用router-link以及nuxt-link。使用nuxt-linkover 有什么好处router-link？

代替

我<nuxt-link>在我的 Nuxt 应用程序中使用了一个组件，但我遇到了以下问题：

• 当我第一次单击链接时，一切正常，如果需要更改页面并且锚点工作正常
• 但是，如果我在页面上滚动一点，然后再次单击链接，则什么也不会发生，因为我假设的浏览器导航栏中已经存在该 url。

我怎样才能覆盖这种行为，以便当我点击 时nuxt-link，无论我之前点击了什么，它都会滚动到所需的部分？（不刷新页面）

这是我的nuxt-link样子

我已经创建了一个 nuxt 项目并且在开发模式下它工作正常，但是当我npm run generate在服务器上运行或托管它时，nuxt-link 生成的链接没有正确的 href 值。例如这是在开发模式下生成的地址：

但是在 gitlab 页面上它会生成：

虽然它应该是：

我的页面文件夹结构：

我在 Nuxt.js 项目中使用堆分析。在页面之间路由时，Heap 显示的是前一页的标题，而不是当前页的标题。我相信这是 nuxt 路由器的问题，因为如果我将<nuxt-link>'s 更改为常规<a>标签，Heap 会显示正确的（当前页面）标题。

我已经heap.load()设置为在已安装的钩子中触发的 mixin 的一部分。我也尝试在创建的钩子中运行它。它们都将预期的数据发送到堆，但<title>.

Nuxt 配置：

插件：

混音：

页：

我已经阅读了 Nuxt 路由器文档，没有看到任何对我有帮助的明显内容。我试图异步并推迟加载/js/tracking/heap.js，但这也不能解决问题。到目前为止，我发现的唯一解决方案是不使用 Nuxt 路由器，而且我不想获得它附带的预加载/预取好处。

我将不胜感激任何帮助我解决此问题的建议。谢谢。

我有一个在 /layouts 中定义的默认标题，如下所示

我希望当我单击图像 rectangle.png 时，它会重定向到主页。Homepage 是在 /pages/ 目录的第一个子 index.vue 中使用 asyncData() 函数定义的，并且一个组件包含它的模板。当我在浏览器中输入http://example.com/时，一切正常。但是当我在另一个页面并单击标题图像转到主页时，它只显示模板并且不运行 asyncData() 函数。因此，主页上没有数据。我现在该怎么办？

我遇到了 Nuxt Link 的问题：

-首先我制作了一个v-for来构建一些 html

这个对象 loja 有 {url,id}

所以，我的问题是：如何使用 NuxLink 并将这个 id 传递到我的下一页？

我的想法是这样的，那行不通：

有谁知道怎么做？

例如，我有一个博客网站，其发现页面不带任何参数。当您加载页面获取钩子调用 API 时，会随机返回一些文章。

所以我的问题是当我已经在“发现”页面上并单击左侧栏中的“发现”时，我希望页面刷新。

:key="$route.fullPath"对我不起作用，因为路径中没有任何变化。

我想在浏览器的主页上存储我的 url，/main然后再使用nuxt-link. 这是我的nuxt-link：

这是通过单击触发的方法nuxt-link：

问题是它保存/search在浏览器中。我认为发生的是assignAddress在 nuxt 更改页面后触发了该方法！

如何先将 url 存储在浏览器中，然后更改页面，以便在我的浏览器中存储/main而不是/search？

我是 VueJS 和 NuxtJS 的新手。我想设置以下路线：

每当用户访问诸如 url 时https://example.com/resources/samsung/laptop，我想向HTTP GETREST API 发出请求以下载所有部分和类别并将其保存到“全局变量”中。每当用户点击<nuxt-link>我网站上的任何内容时，NuxtJS 都不会再向 REST API 发出任何 HTTP GET 请求，除非我明确清空了“全局变量”。我从一些资料中了解到，我可以通过使用fetch()函数来填充vuex store.

因此，我制作了以下两个文件：

~/pages/resources/_.vue

~/store/resources.js

这个“几乎”做了我想要的。

1. 当我第一次访问该 urlhttps://example.com/resources/samsung/laptop时，我的开发人员工具会显示resource store undefined，然后我看到我的浏览器成功地获取了数据。这是我所期望的。

2. 当我点击 时<nuxt-link to="/resources/motorola/computer" />，我又看到resource store undefined了。这不是我所期望的。资源存储应已从步骤 1 填充。

3. 当我点击时<nuxt-link to="/resources/motorola/phone" />，我看到了resource store {Object > sections: etc...。这就是我所期望的。但是为什么它在第 3 步而不是更早的时候填充呢？

我的问题是为什么资源存储在我第二次nuxt-link点击时是空的？nuxt-link我希望在第 1 步单击后立即填充资源存储 。

我究竟做错了什么？