vue-router - nuxt 链接正在更新路线，但不更改内容

Question

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

我第一次注意到这个问题，在 /饮料 .没有任何 nuxt-link 在该页面中工作。当我删除显示的代码时它得到了解决
来自单独组件中的表单的验证错误消息。

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

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

将 nuxt 链接更改为 anchor 标记有效。

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

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

Answer 1

终于找到罪魁祸首了。以防万一，将来有人遇到类似的问题。
Vee Validate 不支持 ssr，因此导致了 nuxt-link 的问题。
我正在使用另一个插件 Vue 轮播 它也不支持 SSR。
所以，用旋转木马包装解决了这个问题。
而且，另一个奇怪的事情，使用 v-html 与 电话 标签也受影响 nuxt-link .
所以，我删除了所有 p 标签 与 v-html , 使用 无 ssr 对于不支持 SSR 的组件，问题终于消失了。
但是，我仍然不明白为什么 nuxt 链接会受到影响以及为什么没有错误消息。