Question

如何添加分组方式

<v-combobox
      v-model="select"
      :items="items"
      chips></v-combobox>

我想根据项目中的组对选项进行分组。有没有类似的选择？

编辑：我找到了一种在v-combobox中使用slot-scope的方法。但是JSON应该是这样的

[
      { header: 'Group 1' },
      { name: 'Sandra Adams', group: 'Group 1', avatar: srcs[1] },
      { name: 'Ali Connors', group: 'Group 1', avatar: srcs[2] },
      { name: 'Trevor Hansen', group: 'Group 1', avatar: srcs[3] },
      { name: 'Tucker Smith', group: 'Group 1', avatar: srcs[2] },
      { divider: true },
      { header: 'Group 2' },
      { name: 'Britta Holt', group: 'Group 2', avatar: srcs[4] },
      { name: 'Jane Smith ', group: 'Group 2', avatar: srcs[5] },
      { name: 'John Smith', group: 'Group 2', avatar: srcs[1] },
      { name: 'Sandra Williams', group: 'Group 2', avatar: srcs[3] }
    ]

这里有两个具有 header 权限的对象，我的JSON不会一直像这样，并且可能有很多组。如果这是解决方案，则我必须对groupyBy进行排序，并且必须在启动组块之前添加 header 。我必须为此构造JSON。还有其他简便的方法吗？

在vuetify中按v-select，v-autocomplete，v-combobox的选项分组

0 个答案: