Kendo-dropdownlist for VUE from array of objects显示 "NO DATA FOUND "信息。

Question

我在自定义组件中使用VUE的kendo-dropdownlist时遇到了麻烦。组件渲染了，控制台中没有错误，但列表中没有显示任何选项。

我把代码分解成这一点。

<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>

有人知道我做错了什么吗？

Answer 1

你写错了道具，请看 文件:

<kendo-dropdownlist 
    :data-source="months"
    :data-text-field="'text'"
    :data-value-field="'value'">
</kendo-dropdownlist>