失焦时材料设计添加芯片答案

【问题标题】：Material-design add chip when out of focus失焦时材料设计添加芯片
【发布时间】：2019-03-10 21:05:50
【问题描述】：

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

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

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>

感谢您的帮助。

【问题讨论】：

不过，这将是输入之外的焦点，对吧？就像你在打字时点击标签或点击退出一样，它会变成一个芯片？
@DanOswalt 完全正确。
嗯，我写了一个答案，但重读了你的问题，我想你想扩展 MDInput 类并自己在其中添加 @blur="insertChip" 功能。这只是一个猜测，当我想到它时，你的问题变得更加复杂:)

【解决方案1】：

他们在last months (md-auto-insert) 中实现了“自动插入”布尔属性，您可以像official page 中所述那样调用它：

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

【讨论】：