材料设计在失焦时添加芯片

Question

I am currently using vue materials. Needs to add functionality that when the user is "focusout" the chip is automatically added like in angular materials: https://material.angular.io/components/chips/overview

Here you can test how it works in vue materials (user have to push enter to add)

https://vuematerial.io/components/chips

There is a function in vue materials "insertChip" but I have no idea how to call it or is it possible at all? https://github.com/vuematerial/vue-material/blob/dev/src/components/MdChips/MdChips.vue

Expected effect, but any way of invoking this function will be good:

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

Thanks for any help.

Answer 1

They have implemented the "Auto Insert" boolean prop in the last months ( md-auto-insert ), you can just call it like stated on the official page :

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