向 V-select

问题描述

我正在从 api 返回的数组中填充 V-select 以添加到我的 Vuetify 数据表中。 出于 UI 原因，我需要添加一个选择选项 all 以便数据表可以返回到其初始未过滤状态。

我的 V-select 看起来像：

 <v-select
    :model="selectIdFilter"
    :items="selectFilter"
    item-text="locale.en.title"
    item-value="id"
    label="Filter by Portal"
    @change="currentDataItems"
 />

要添加值为零的“全部”选项，我正在使用以下函数：

  setFilter () {
    this.portals.unshift({
      id: 0,locale: { en: { title: '-All-' },es: {},fr: {},it: {} },icon: '',chapterId: '',order: '',})
    this.selectFilter = this.portals
  },

这非常有效。 但是它确实留下了一个警告说：

[Vue warn]: Error in render: "TypeError: Cannot read property 'locale' of undefined"

我不想收到此警告并了解它的来源。我确实尝试通过前置插槽添加，但这根本不起作用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）