vue.js - Nuxt：仅在重新渲染后如何执行外部脚本？

Question

Nuxt/Vue：如何在 DOM 重新渲染之后且仅在 DOM 重新渲染之后调用外部脚本（由第三方托管）？在每条路线上。

我正在使用向 dom 添加元素的脚本，但虚拟 dom 不匹配。因此，一旦脚本添加了元素，虚拟 dom 就会将它们全部删除。

添加 defer 标签不会做任何事情，它只是在初始渲染后加载脚本，然后在重新渲染时会发生同样的事情。

大概这个问题在使用这样的框架时很常见。

没有错误消息——在重新渲染之前只闪烁一次 dom 元素。这是我当前设置的预期行为，但我正在寻找（绝望）解决方法。

标签： vue.jsnuxt.js

Answer 1

您可以defer:true在引用脚本时使用nuxt.config.js.

脚本延迟属性

在 vue-meta 中延迟