Vue html2canvas

vue created periodically receives the values transmitted by eventbus, using

respectively.

setTimeout (function () {

_this.generatePoster();

}, 2000);

this.$nextTick (() = > {

// DOM
_this.generatePoster();

});

use dom, after rendering to take screenshots using html2canvas.

the first result is valid, and the second is always generating half of the dom,. Is the dom not finished yet?

Mar.02,2021

I hope this diagram will be helpful to you. I saw it when I looked at the vue lifecycle before, from https://codeshelper.com/a/11.

.

Thank you for the invitation!

< hr >

try it in the mounted cycle to see if you can intercept all of them using the following method (directly change created to mounted to see the effect)


use the arrow function, just this.func () instead of _ this
$nextTick after DOM rendering, or use ide/components.html-sharp%E9%AB%98%E7%BA%A7%E5%BC%82%E6%AD%A5%E7%BB%84%E4%BB%B6" rel=" nofollow noreferrer "> asynchronous component to try. Are you passing values between sibling components?


it's just not finished yet. Neither created nor mounted, of the parent component guarantees that the child component has been rendered


. I would like to ask how you use it. I am about to do this

.
Menu