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

0 vote345 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
0 vote371 views2 answers
Vuejs scrollBehavior
Javascript Vue
2 votes338 views2 answers
Vue directive
Javascript Vue
0 vote334 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote381 views1 answer
Vue is undefined vue 3 vue.use
Javascript Vue
1 vote366 views2 answers
Vue watch props
Javascript Vue
-1 vote358 views2 answers
Call a function of another component vue
Javascript Vue
1 vote342 views1 answer
Vuejs watch for nested data
Javascript Vue
0 vote331 views1 answer
Laravel vuejs lang
Javascript Vue
5 votes373 views5 answers
Vue for loop
Javascript Vue