This is a migrated thread and some comments may be shown as answers.

Menu child items do not display with MenuItem

1 Answer 167 Views
This is a migrated thread and some comments may be shown as answers.
Al
Top achievements
Rank 1
Iron
Iron
Iron
Al asked on 18 Dec 2020, 08:58 AM

When using a template as below then the child items do not display:

<template>
    <kendo-menu>
        <kendo-menu-item text="Baseball">
            <kendo-menu-item text="Top News"></kendo-menu-item>
            <kendo-menu-item text="Radio Records"></kendo-menu-item>
        </kendo-menu-item>
        <kendo-menu-item text="Swimming">
            <kendo-menu-item text="Top News"></kendo-menu-item>
        <kendo-menu-item text="Radio Records"></kendo-menu-item>
        </kendo-menu-item>
    </kendo-menu>
</template>

 

The same problem can be seen in your docs under 'Basic Usage':

https://www.telerik.com/kendo-vue-ui/components/layout/menu/

 

Using 'ul' instead of 'MenuItem' it seems to work fine

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Petar
Telerik team
answered on 22 Dec 2020, 07:52 AM

Hi Al,

The reported issue is а miss in our demos and it will be fixed very soon. The reason why the linked demo doesn't work as expected is that it uses Vue 3. The same demo will work correctly in Vue 2 as it is demonstrated in this StackBlitz example.

In Vue 3, the nested tags are not recommended and this is why we recommend defining the component's properties with nested properties as in this Binding to Local Data Arrays demo.

It is our plan to add an article that discusses the differences and recommendations for Vue 3 vs. Vue 2 and the nested tags will be included in this article.

I've updated your Telerik points as a sign of gratitude for reporting the issue.

Regards,
Petar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Asked by
Al
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Petar
Telerik team
Share this question
or