New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Progress event creating infinite loop #36
Comments
This is the minimal code you need, to show the progress. No event hubs or methods are needed. <div v-if="progress">
{{ Math.round(progress.completedWords / progress.totalWords * 100) }}%
</div>
<vue-word-cloud
:progress.sync="progress"
:words="words"
style="width: 100%; height: 200px;"
> export default {
data() {
return {
words: [],
progress: undefined,
};
},
/*...*/
}; |
The wording ( |
Thanks for your feeback . I tried unsuccessfully during few hours with
and
But the circular spinner disappear at first word completed before other ones are completed, caused by this.progressVisible = false when 1st word is completed. but trying to remove this condition creates a infinite loop crashing my browser. |
Your solution with :
and
This causes also an infinite loop without any display. Tag cloud is working is i remove the progress code.
which causes above my looping |
can you upload your code to codepen or to something similar? |
I never tried codepen before. I will try to achieve a reduced case... |
Hello Sereg, Please see https://codepen.io/DaveMG3/pen/LJaarZ (corrected) Another one with update:progress |
Ok. I found the problem. ^^ This is a bug with Vue. I through they fixed it already. The problem is with inline functions. Every time the a property is changed, the inline functions are also recreated. This causes the cloud to recompute. So every time the progress changes, cloud starts the recomputing from the beginning. Just move the inline functions into the methods. |
Yes i confirm it is working. |
There is no code example on code open. Please update it! |
@VladAnn9 , your comment feels rude...it seems to be a lack of respect to some coder who gives away free hours of his life for helping others people coding...and Hi! |
@davemg3 sorry, didn't want to be rude or something. Just trying to figure it out. I'm apologize if my comment was rude! |
ok sorry...misunderstanding is easy when not using native language....snippets of code were uploaded on Codeopen to simulate the case but after 2 years it has been deleted by the platform. The issue was about using a Progress view while waiting for the computed words to be displayed. It was causing an infinite loop withtou displaying the words but it has been since fixed. I dont know what is your issue but it might not be related to my former one... |
@davemg3 Yeah, I got your bug, and I have the same right now. Here is how my code looks like:
script:
something like that. And when I'm using in progress tag progress variable it causes infinite looping. |
@SeregPie The progress tracker still returns an infinite loop, for some reason. I followed the instructions above, and when I
Data:
Is there anything I've don't wrong, based on the code above? I tried accessing the codepen.io, but it leads to a 404. Any help would be greatly appreciated, Thanks in advance 😃 |
Hi, nice library.
I tested it with one project , it working fine except when trying to implement progress.
cause an infinite looping of my page. What are the proper instructions to use this event?
.....
The text was updated successfully, but these errors were encountered: