vuetify 标签与芯片使用，而不是按回车

【问题标题】：vuetify tags with chips using , instead of hitting entervuetify 标签与芯片使用，而不是按回车
【发布时间】：2018-11-13 17:28:33
【问题描述】：

在我的 vuetify 项目中，我有类似的东西

 <v-select
    v-model="data.emails"
    label="Add multiple recipent by hitting enter"
    multiple
    tags
    chips
    solo

></v-select>

这很好用。但它仅在我按 Enter 时才有效。我想使用, 来实现它，因为我将粘贴许多项目，例如电子邮件。这就是为什么我想搭车进入。

有没有办法粘贴许多逗号分隔的电子邮件并在数组中选择芯片？

谢谢。

【问题讨论】：

标签： javascript vue.js vuejs2 vuetify.js

【解决方案1】：

v1.1 显然计划支持类似行为：
https://github.com/vuetifyjs/vuetify/issues/3287

我将从其中一个 cmets 复制临时解决方案。
@jakarn 写道：

例如：
将ref="tags" 添加到您的v-select 组件
然后将@keyup.space="updateOnSpace('tags')" 添加到组件中
添加method：updateOnSpace(tags) { this.$refs[tags].onEnterDown(); },

至于使用分隔符粘贴文本值（search-input 将捕获该值）并将其设置为选定数据，您可以侦听paste 事件，然后将拆分（通过任意分隔符）值附加到选定值数组：
https://codepen.io/anon/pen/bKEQZY

【讨论】：

超级解决方案