1

I'm having trouble getting the kendo-dropdownlist for VUE working inside a custom component. The component renders, there's no errors in the console, but no options are shown in the list.

I've broken the code down into this bit:

<template>
  <div>
    <kendo-dropdownlist
      :data-items="months"
      :text-field="'text'"
      :data-item-key="'value'"
    ></kendo-dropdownlist>
  </div>
</template>
<script>
export default {
  name: "demo",
  data() {
    return {
      months: [
        {
          text: "January",
          value: 1,
          numDays: 31
        },
        {
          text: "February",
          value: 2,
          numDays: 28
        },
        {
          text: "March",
          value: 3,
          numDays: 31
        }
      ]
    };
  }
};
</script>

Does anyone see what I'm doing wrong?

samantha
  • 171
  • 1
  • 1
  • 8

1 Answers1

0

You are writting wrong props, see docs:

<kendo-dropdownlist 
    :data-source="months"
    :data-text-field="'text'"
    :data-value-field="'value'">
</kendo-dropdownlist>
Hans Felix Ramos
  • 4,264
  • 3
  • 16
  • 40
  • 1
    Huh, Your selection worked for me. Thank you!. For the record I did search the docs and I was following the example found here: https://www.telerik.com/kendo-vue-ui/components/dropdowns/dropdownlist/binding/ which seems to be incorrect. – samantha Jun 02 '20 at 20:44