Using nested lists in Vue.js
Vue JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.babelrc
.gitignore
README.md
index.html
package.json
webpack.config.js

README.md

Vue.js & Nested Lists

While working on a project I stumbled on a problem with showing nested lists. I was trying to display a list of users and then on clicking a user name I wanted to display a list of their orders.

The work was really just for a demonstration and I was just using a single component to show the data.

Well, once I got to the part where I wanted to show the order data, I quickly realized what I was doing wasn't going to work.

Download / clone this repo to find out what was wrong.

Full explanation here on my Vue.js blog.

Branches

master - the broken version demonstrating the problem fixed - the fixed version

Examine the 'master' branch and see if you can't figure out a way to fix the problem before switching to 'fixed' to see my solution.

Build Setup

This repo uses the Vue CLI webpack-simple template

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build