javascript - 失焦时的材料设计添加芯片

Question

我目前正在使用vue材料。需要添加功能，当用户“专注”时，芯片会像角材料一样自动添加：https ://material.angular.io/components/chips/overview

在这里你可以测试它在 vue 材料中是如何工作的（用户必须按 enter 才能添加）

https://vuematerial.io/components/chips

vue 材料“insertChip”中有一个功能，但我不知道如何调用它，或者根本不可能？ https://github.com/vuematerial/vue-material/blob/dev/src/components/MdChips/MdChips.vue

预期的效果，但调用此函数的任何方式都会很好：

<md-chips
  class="md-primary" 
  @blur="insertChip"
  v-model="model">
</md-chips>

谢谢你的帮助。

Answer 1

他们在过去几个月（ ）中实现了“自动插入”布尔属性md-auto-insert，你可以像官方页面上所说的那样调用它：

<md-chips
  class="md-primary" 
  :md-auto-insert="true"
  v-model="model">
</md-chips>