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 vote108 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote134 views2 answers
Ionic vue electron
Javascript Vue
0 vote128 views2 answers
Flask vue.js not working
Javascript Vue
0 vote138 views1 answer
Vue chart print
Javascript Vue
6 votes138 views2 answers
Vue-cli-service
Javascript Vue
0 vote234 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
0 vote139 views2 answers
Vuelidate require if
Javascript Vue
1 vote138 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
1 vote135 views1 answer
Vue directive parameter
Javascript Vue
1 vote139 views1 answer
Get text inside span vue test utils
Javascript Vue