Learn how to build a tree browser component with Vue in this video.
π¦ Cody Siebert on Twitter: https://twitter.com/CodyLSeibert
π₯οΈ Code: https://github.com/codyseibert/vue-tree-browser
πCheck out Cody Seibert’s main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://medium.freecodecamp.org
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
Exactly what I was looking for
Awesome and more project VueJS pleaseeeeeeeeeeeeeeeee π
Simple and awesom π
Really Great video, it covers almost all the aspects of vue. Please show more Vue
Inpirative. Thanksssss
use a global Eventbus for propagating the event. https://alligator.io/vuejs/global-event-bus/
I have tried to write this program and compared with yours, but I found some difference, my code is @onClick="$emit('onClick', child)", it works, could you tell me why ?
please carry onnnnnnnnnnnnnnnnnnnnnnnnnnnnn
Please make video on visual basic. Like u have done on other languages
Fantastic tutorial. Very easy to follow.
I've got a question and a suggestion:
Question: why emit the click event to App.vue and send the alert from App.vue? Wouldn't it be easier to fire off the alert inside the TreeBrowser component?
Suggestion: when importing the json data in App.vue, I don't think it needs to be reactive, right? So instead of putting it inside data(), we could put this.root = root inside created() so Vue doesn't treat the json file as reactive
Thanks for the great tutorial π
Thank u for this awesome video, can u thinking that make a whole project of MEVN stack
I am trying to do this in react and it's a freaking nightmare lol
Im looking for a way to make a tree browser without recursive components, because it doesn't scale well with big data and its hard to use with virtual lists.
i cant use v-if and v-for in the same element, how do i solve this?
thank you so much
great tutorial thanks dude
Not sure if you are still open for ideas for recording a demo but what about a hierarchy graph using VueJS. Maybe even using SVG?
v-if can not use how can i do?
Would this work the same for Vue 3?
Great video.. thanks for sharing…!
Would you mind to guide me in the way How to edit the parent or children name in line?
I mean, If I make a double click on a parent or a child name it lets me to edit it in line.
Thanks in advanced!
How do I add drag and drop to this?
event bus can be used for emitting directly to app.vue