Vue-jstree

<v-jstree :data="data" show-checkbox multiple allow-batch whole-row @item-click="itemClick"></v-jstree>
    
    new Vue({
      data: {
        data: [
          {
            "text": "Same but with checkboxes",
            "children": [
              {
                "text": "initially selected",
                "selected": true
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-danger"
              },
              {
                "text": "initially open",
                "icon": "fa fa-folder icon-state-default",
                "opened": true,
                "children": [
                  {
                    "text": "Another node"
                  }
                ]
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-warning"
              },
              {
                "text": "disabled node",
                "icon": "fa fa-check icon-state-success",
                "disabled": true
              }
            ]
          },
          {
            "text": "Same but with checkboxes",
            "opened": true,
            "children": [
              {
                "text": "initially selected",
                "selected": true
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-danger"
              },
              {
                "text": "initially open",
                "icon": "fa fa-folder icon-state-default",
                "opened": true,
                "children": [
                  {
                    "text": "Another node"
                  }
                ]
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-warning"
              },
              {
                "text": "disabled node",
                "icon": "fa fa-check icon-state-success",
                "disabled": true
              }
            ]
          },
          {
            "text": "And wholerow selection"
          }
        ]
      },
      methods: {
        itemClick (node) {
          console.log(node.model.text + ' clicked !')
        }
      }
    })

Source: npmjs.com

Similar codes

11 votes102 views2 answers
Vue nextTick
Javascript Vue
0 vote60 views1 answer
Vuejs reset component
Javascript Vue
0 vote121 views1 answer
Programatic navigation vue router
Javascript Vue
16 votes241 views4 answers
Vue class add if
Javascript Vue
0 vote104 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
10 votes107 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
0 vote111 views1 answer
Vue implode array
Javascript Vue
0 vote59 views1 answer
Rails + vue js projcet demo
Javascript Vue
0 vote110 views1 answer
Await vuex dispatch true
Javascript Vue
3 votes109 views1 answer
Filter array in vuex
Javascript Vue