【问题标题】:How to append html in Nuxt with universal mode如何使用通用模式在 Nuxt 中附加 html
【发布时间】:2020-07-17 14:19:20
【问题描述】:

我尝试在 js 文件中附加 HTML。 SPA模式没问题。

但是当我更改为通用模式时,无法附加 HTML。

然后我尝试设置附加功能的超时时间,没关系。 HTML 已成功附加。 不明白是什么原因?

我只是nuxt的新成员,所以请帮我解释一下原因,以及如何在不设置超时的情况下附加HTML?

非常感谢!

【问题讨论】:

    标签: append nuxt.js universal


    【解决方案1】:

    没有看到您用于尝试实现附加 html 的代码,我无法确定,但我怀疑发生附加的过程是在服务器上发生的,然后才呈现给客户端。

    要解决这个问题,您可以使用process.client 来延迟追加。

    if (process.client) {
      //do what needs to be done
    }
    

    另一种选择是使用mounted 挂钩来调用附加html。

    正如我所说,如果您发布您尝试使用的代码,则可能会显示更详细的答案。

    【讨论】:

    • 感谢您的回答我在 index.vue 中只有一个 div 像这样
      并在 indev.js 中附加 HTML $('#anId').append('append HTML
      ') 正如你所说:追加发生的过程发生在服务器上,在它呈现给客户端之前。这意味着它已经在服务器上追加了 html。所以当它渲染到客户端时,我认为在客户端,它必须包含服务器上附加的内容。这样对吗?或者只是渲染原始文件(index.vue)而不包括附加的内容。我仍然对将呈现给客户的内容感到困惑吗?请帮助我
    • 像 Vue 这样的框架的美妙之处在于,它们有帮助你摆脱使用 .append() 直接操作 dom 的麻烦。这也可能意味着您不必添加包括 jquery 带来的开销。尝试查看v-html。此外,请考虑编辑您的问题并包含您的 index.vue 代码或其相关部分。
    猜你喜欢
    • 2020-12-22
    • 2018-09-06
    • 1970-01-01
    • 2021-12-07
    • 2021-08-04
    • 2019-08-15
    • 1970-01-01
    • 2020-07-17
    • 1970-01-01
    相关资源
    最近更新 更多