如何使用通用模式在 Nuxt 中使用 append html

Question

I try to append HTML in js file. It was OK for SPA mode.

But when I change to universal mode, the HTML can't be appended.

Then I try to set the timeout for append function and it's Ok. The HTML is appended successfully. I don't understand the reason why?

I just a new member in nuxt, so please help me explain the reason why, and how can I append HTML without set timeout?

Thanks so much!

Answer 1

Without seeing the code you are using to try and implement appending html I can't be certain, but I suspect the process where the appending is to happen is taking place on the server, before it is rendered to the client.

To get around this you could implement the use of process.client to delay the appending.

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

The other option would be to use the mounted hook to call to append the html.

As I say, if you post the code you are trying to use it would be possible to show a more detailed answer.