无法读取 vuetify 树视图中未定义错误的属性“toLocaleLowerCase”答案

【问题标题】：Cannot read property 'toLocaleLowerCase' of undefined error in vuetify treeview无法读取 vuetify 树视图中未定义错误的属性“toLocaleLowerCase”
【发布时间】：2020-03-02 12:52:14
【问题描述】：

我收到类似这样的错误。“无法读取未定义的属性 'toLocaleLowerCase'”。

我的树数据来自 api 并将其加载到项目中

<v-text-field
  v-model="search"
  label="Search"
  dark
  solo-inverted
  hide-details
  clearable
  clear-icon="mdi-close-circle-outline"
></v-text-field>
<v-checkbox v-model="caseSensitive" dark hide-details label="Case sensitive search"></v-checkbox>
<v-treeview :items="items" :search="search" :open.sync="open" open-on-click>
  <template v-slot:prepend="{ item }">
    <span>{{ item.display_name }}</span>
  </template>
</v-treeview>

data() {
  return {
    // items: this.entityTreeList,
    rules: {
      required: value => !!value || 'Required.'
    },
    Name: '',
    search: null,
    caseSensitive: false,
    open: [1, 2],
    active: []
  }
},

【问题讨论】：

您的代码中是否使用了toLocaleLowerCase？你能检查错误的堆栈跟踪吗？

标签： vue.js vuetify.js

【解决方案1】：

我在使用 Vuetify 1.5 Treeview 时遇到了同样的问题。

为了解决这个问题，我必须为我的树视图对象中的每个项目添加一个“名称”属性。

【讨论】：