Dynamic data not rendering

prerender-spa-plugin 3.x webpack 4.x

after all the other issues about dynamic data,request data,dynamic content, e.g #178 i still can’t slove my problem…

my code

webpack.config

new PrerenderSpaPlugin({
    staticDir: path.resolve(__dirname, '../dist'),
    routes: ['', '/home', '/about'],
    render: new Renderer({
      renderAfterTime: 5000,
      headless: true,
      renderAfterDocumentEvent: 'render-event'
    })
  })

page code

mounted () {
      // this.$nextTick(() => {
        axios.get('https://api.github.com/users/lz82')
        .then(res => {
          this.pic = res.data.avatar_url
          this.url = res.data.url
          this.$nextTick(() => {
            document.dispatchEvent(new Event('render-event'))
          })
        })
      // })
    }

dist file

but there is only container is static html file but not dynamic data.

 <div id="app"><div data-v-68d85562="" class="container"><img data-v-68d85562="" src="" alt="">
  url:
</div></div>

[lz82]

@chentianyuan thx your help~ i’ve tried remove $nextTick before emmit new Event('render-event'), it doesn’t work…

but when i use renderAfterTime: 5000, it works.
if your project is using renderAfterDocumentEvent, can u push it to your repo? 😃

thank @Tribex help~

[chentianyuan]

@chentianyuan 😭 i tried both renderer & Renderer, but, still doesn’t work…

try to remove the $nextTick，it seems to that prerender is async，and will execute after dom refresh