Question

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

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

></v-select>

这很好用。但它只有在我按下回车时才有效。我希望使用,来实现它，因为我将粘贴许多项目，例如电子邮件。这就是为什么我想要进入击球的原因。

有没有办法粘贴许多昏迷分离的电子邮件，并在阵列中选择芯片？

谢谢。

Answer 1

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

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

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

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

vuetify标签与芯片使用，而不是击中输入

1 个答案: