GitHub page

Demo Vue Hierarchical Select

Selected: {{(selected) ? selected : 'no'}}

 <--hierarchical-select
         :nodes="nodes"
         :selected="selected"
         :change-select="changeSelect"
         :css-classes="['uk-select', 'uk-margin-bottom']"
 -->

new Vue({
    el: '#app',
    methods: {
      changeSelect: function (value) {
        this.selected = value;
      }
    },
    data: {
      selected: 5,
      nodes: [
        {
          name: 'test1',
          id: 1,
          children: [
            {name: 'test2', id: 2},
            {
              name: 'test3',
              id: 3,
              children: [
                {name: 'test4', id: 4},
                {name: 'test5', id: 5},
              ]
            },
          ]
        }
      ],
    }
})