Children Checkbox is not showing checked until it is hovered

[abyss1141]

I have a problem whereby when I click on the parent of the tree, the child checkbox is not checked until I hover over it. I've checked using the Vue tools and the data of the tree is selected but it doesn't show on the tree until it is hovered.

Below is the code i use

            <div class="dropdowntree">
              <v-jstree
                show-checkbox
                multiple
                :data="meterList"
                allow-batch
                whole-row
                :key="componentKey"
                ref="tree"
              >
                <template slot-scope="_">
                  <div style="display: inherit; width: 200px">
                    {{ _.model.text }}
                  </div>
                </template>
              </v-jstree>
            </div>``

[abyss1141]

Ive checked with vue tools on chrome and here is the data that i get:

This is the working one:

addAfter:function (e,A)
addBefore:function (e,A)
addChild:function (e)
children:Array[8]
closeChildren:function ()
disabled:false
icon:""
id:160
loading:false
openChildren:function ()
opened:true
paramId:1
paramParentId:null
selected:false
text:"ALL"
value:"ALL"

And this is the one with problem. Somehow it doesnt include all the other properties

children:Array[4]
opened:true
paramId:2
paramParentId:1
text:"Block A"