javascript-使用标记vuetify带有芯片的标签,而不是按Enter

在我的vuetify项目中,我有这样的东西

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

></v-select>

这样很好.但这仅在我按Enter键时有效.我想使用来实现,因为我将粘贴很多项目,例如电子邮件.这就是为什么我想搭回车.

有什么方法可以粘贴许多用逗号分隔的电子邮件并获得阵列中选定的筹码吗？

谢谢.

解决方法:

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

我将从其中一项评论中复制临时解决方案.
@jakarn写道：

for example:
add ref="tags" to your v-select component
add @keyup.space="updateOnSpace('tags')" to the component then
add the method: updateOnSpace(tags) { this.$refs[tags].onEnterDown(); },

至于使用定界符粘贴文本值(搜索输入将捕获该值)并将其设置为选定数据,您可以侦听粘贴事件,然后将拆分(通过任意定界符)值附加到selected-values数组中：
https://codepen.io/anon/pen/bKEQZY

标签：vuetify-js,vue-js,vuejs2,javascript
来源： https://codeday.me/bug/20191109/2010610.html