Kendo ui 如何使用剑道下拉树检查或取消检查子节点

我正在使用VueJS和剑道下拉树控件。我正试图让控件根据正在检查或取消检查的父节点来检查或取消检查所有子节点项

我可以看到一些在线示例使用复选框check children=“true”道具来实现这一点。但我似乎无法在我的vue应用程序中实现这一点

以下内容基本上是从一个在线工作示例中复制而来。当我尝试将此示例复制并粘贴到我的vue页面时，控件会呈现并工作，但子节点不会根据其父节点进行检查或取消检查

我的vue应用程序中可能缺少什么？是否有其他方法可以使子节点基于其父节点进行检查或取消检查

<dropdowntree :data-source="localDataSource"
                :checkboxes="true"
                :checkboxes-check-children="true"
                :check-all="true"
                :placeholder="'Select ...'"
                style="width: 400px;">
</dropdowntree>


import { DropDownTree } from '@progress/kendo-dropdowntree-vue-wrapper';

export default {
name: 'App',
components: {
  'dropdowntree': DropDownTree
},
data: function() {
  return {
      localDataSource: markRaw(new kendo.data.HierarchicalDataSource({
          data: [{
              text: 'Furniture',
              items: [
                  { text: 'Tables & Chairs' },
                  { text: 'Sofas' },
                  { text: 'Occasional Furniture' }
              ]
          }, {
              text: 'Decor',
              items: [
                  { text: 'Bed Linen' },
                  { text: 'Curtains & Blinds' },
                  { text: 'Carpets' }
              ]
          }]
      }))
  }
  }   
 }

从'@progress/kendo-DropDownTree-vue-wrapper'导入{DropDownTree}；
导出默认值{
名称：“应用程序”，
组成部分：{
“dropdowntree”：dropdowntree
},
数据：函数（）{
返回{
localDataSource:markRaw（新的kendo.data.HierarchycalDataSource）({
数据：[{
正文：“家具”，
项目：[
{文本：'桌椅'}，
{文本：'沙发'}，
{文本：“临时家具”}
]
}, {
文字：“装饰”，
项目：[
{文本：“床单”}，
{文本：“窗帘和百叶窗”}，
{文本：“地毯”}
]
}]
}))
}
}   
}