User interface 使用选项“克隆Google Data Studio Select；只有”；

您知道在哪里可以找到Google Data studio的super select的实现，并使用“Only”来仅选择该元素吗

您还可以筛选结果，如果列表很长，则非常方便：

---

这是一项尚未实现的功能。询问你想要的功能

---

希望它能帮助您。

这是一项尚未实现的功能。询问你想要的功能

希望它能对您有所帮助。

有一个for

全选功能，显然可以使用
作用域槽
来实现，称为
前置项


因此，目前您需要一些变通方法。

使用1.2版中的
前置项
插槽更新了codepen:

（必须进一步研究过滤，以便在发生变化时更新）

注意
prepend item
也是父
v-list
组件的一部分，因此我们无法轻松将控件固定到顶部

<template slot="prepend-item">
  <v-list-tile @click.stop="selected = selectedAll ? [] : states.slice()">
    <v-list-tile-action>
      <v-icon :color="selected.length > 0 ? 'indigo darken-4' : ''">{{ icon }}</v-icon>
    </v-list-tile-action>
    <v-list-tile-title>Select All</v-list-tile-title>
  </v-list-tile>
  <v-divider class="mt-2"></v-divider>
  <v-list-tile class="search-tile">
    <v-text-field v-model="q" prepend-inner-icon="search" class="pt-0"></v-text-field>
  </v-list-tile>
</template>

，请注意，还添加了一些CSS

使用
选择所有
解决方案，使用
监视
，其中一项是
“所有”
。因此，如果我们希望选择的数组不包含
“All”
，我们可以执行类似
的操作，在computed属性中或需要的任何位置返回这个.selected.filter（v=>v！=“All”）
。
有一个for
select All
功能，显然，可以使用被称为
前置项的
作用域插槽
来实现

因此，目前您需要一些变通方法。

使用1.2版中的
前置项
插槽更新了codepen:

（必须进一步研究过滤，以便在发生变化时更新）

注意
prepend item
也是父
v-list
组件的一部分，因此我们无法轻松将控件固定到顶部

<template slot="prepend-item">
  <v-list-tile @click.stop="selected = selectedAll ? [] : states.slice()">
    <v-list-tile-action>
      <v-icon :color="selected.length > 0 ? 'indigo darken-4' : ''">{{ icon }}</v-icon>
    </v-list-tile-action>
    <v-list-tile-title>Select All</v-list-tile-title>
  </v-list-tile>
  <v-divider class="mt-2"></v-divider>
  <v-list-tile class="search-tile">
    <v-text-field v-model="q" prepend-inner-icon="search" class="pt-0"></v-text-field>
  </v-list-tile>
</template>

，请注意，还添加了一些CSS

使用
选择所有
解决方案，使用
监视
，其中一项是
“所有”
。因此，如果我们希望selected数组不包含
“All”
，我们可以执行类似
的操作，在computed属性中或任何需要的地方返回这个.selected.filter（v=>v！=“All”）
。
据我所知，这是一个自定义组件。您正在展示的可能是由角度+材质制成的，如本例所示：

因此，我认为您可能不再需要vue multiselect这样的组件，它功能齐全，可能会满足您的需要，而且更多，唯一的问题是您需要使用它来使用材质样式。




我想，如果您需要更多功能，您可能可以自定义模板

现在检查一下“自定义配置”，在那里你会发现一些示例，这些示例将向你展示你实际上可以通过一些努力来做一些类似“仅”的事情

这是我发现的vuejs处理multi-select的最完整组件

我希望它能有所帮助。
据我所知，这是一个自定义组件。您正在展示的可能是由角度+材质制成的，如本例所示：

因此，我认为您可能不再需要vue multiselect这样的组件，它功能齐全，可能会满足您的需要，而且更多，唯一的问题是您需要使用它来使用材质样式。




我想，如果您需要更多功能，您可能可以自定义模板

现在检查一下“自定义配置”，在那里你会发现一些示例，这些示例将向你展示你实际上可以通过一些努力来做一些类似“仅”的事情

这是我发现的vuejs处理multi-select的最完整组件

我希望它能有所帮助。
此功能尚未实现。您可以尝试在Vuetify github上询问。无论如何，如果你给你的v-select一个空数组作为v-model，你的用户将能够选择一个唯一的选项。这根本不是一个google data studio的问题，有点混淆标记。好问题，我看到你的投票是
-1
，我
向上投票
它。我不知道为什么你的好问题有
-1
分数@因为它离题了。这与编程无关。可能属于。问题有点不清楚，但OP put
vuetify
标记，所以我推测他想要vuetify实现这种行为。也许他会澄清并编辑这个问题。这个功能还没有实现。您可以尝试在Vuetify github上询问。无论如何，如果你给你的v-select一个空数组作为v-model，你的用户将能够选择一个唯一的选项。这根本不是一个google data studio的问题，有点混淆标记。好问题，我看到你的投票是
-1
，我
向上投票
它。我不知道为什么你的好问题有
-1
分数@因为它离题了。这与编程无关。可能属于。问题有点不清楚，但OP put
vuetify
标记，所以我推测他想要vuetify实现这种行为。也许他会澄清并编辑这个问题。哇，谢谢！我用一个关于过滤结果的新截图编辑了我的问题，当列表很长时，这个截图非常方便。如果您知道如何使用vuetify做到这一点：）：）最好regards@LaurentDebricon目前，您只需将
autocomplete
属性添加到v-select中，它就可以工作了。但请注意，它不会有您想要的布局。我想你的目标是实现即将到来的
prepend item
slot，我已经提到过了。因此，如果可能，只需等待vuetify版本更新。也许我可以在新的vuetify版本（包括该插槽）到来时回到这里，但我不确定预计到达时间。哇，谢谢！我用一个关于过滤结果的新截图编辑了我的问题，当列表很长时，这个截图非常方便。如果您知道如何使用vuetify做到这一点：）：）最好regards@LaurentDebricon目前，