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

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

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

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

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

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

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

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

标签： vue-routernuxt.js

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

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

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

但是，我仍然不明白为什么 nuxt 链接会受到影响以及为什么没有错误消息。