nuxt 链接正在更新路线，但不改变内容

Question

我正在为我的网站使用 nuxt 版本 2.8.1。一切正常，除了某些页面上的 nuxt-link 。 我有一个页面，/drinks 是 drinks 的列表页面，/drinks/{slug} 是详细信息页面.

我首先在 /drinks 中注意到了这个问题。该页面中没有任何 nuxt-link 有效。当我删除显示的代码时它得到了解决 来自单独组件中的表单的验证错误消息。

<span class='text-danger small'>{{ errors ? errors.first('name') : '' }}</span>

所以，现在这个页面上的一切都正常了。但是，详情页还是有这个问题。此页面中没有使用验证的组件。在 nuxt 控制台或浏览器控制台中没有错误或警告。链接只是不起作用。它更新了 url，但是内容根本没有改变。

将 nuxt 链接更改为锚标签有效。

另一件事是，如果我单击列表页面中的任何饮料 以转到详细页面，它可以正常工作。每个链接都有效。但是，如果我重新加载该页面，或者直接使用 URL 转到该 详细信息页面，则 nuxt 链接 不起作用。

我不知道，到底是什么问题。在一个组件中使用 vee 验证 如何影响其他组件中的 nuxt link？为什么它不起作用？

Answer 1

终于找到了罪魁祸首。以防万一，以后有人会遇到类似的问题。 Vee Validate 不支持 ssr，因此，它导致了 nuxt-link 的问题。 我正在使用另一个不支持 SSR 的插件 Vue Carousel。 所以，用 carousel 包裹解决了这个问题。

而且，另一个奇怪的事情是，使用带有 p 标签的 v-html 也会影响 nuxt-link。

所以，我用 v-html 删除了所有 p 标签，将 no-ssr 用于不支持 SSR 的组件和问题终于没了。

但是，我还是不明白为什么nuxt链接会受到影响，为什么没有错误信息。