vue.js - 对象数组中 VUE 的 Kendo-dropdownlist 显示“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>