Kendo UI Treeview数据源未显示数据源中的所有项目

Question

我有一个要在树视图中填充的js数组，我正在将该数组传递给v-for。在第一次通过时它可以正常工作，但是当将另一个对象添加到树视图时，树将继续仅显示数组中的底部对象。这是代码：

<div id="vueapp" class="vue-app">
<kendo-treeview>
    <li data-expanded="true">
        <span class="k-icon k-i-folder"></span>
        My Web Site
        <ul>
            <li data-expanded="true" v-for="vehicle in vehicles">
                <span class="k-icon k-i-folder"></span>{{vehicle.name}}
                <ul>
                    <li v-for="vehicle in vehicles"><span class="k-icon k-i-image"></span>{{vehicle.model}}</li>
                </ul>
            </li>
        </ul>
    </li>
</kendo-treeview>