vue中一組件同時綁定了keyup.enter和blur事件，兩個事件指向同一個函數，會觸發兩次的解決方案

【問題】在vue中 自定義組件上同時綁定了keyup和blur事件，用於完成input輸入，但blur后觸發一次事件，按下enter卻觸發兩次；

【原因】按下enter也算是失焦了，所以會先執行keyup.enter，再執行blur，這樣就造成了onInputComplete方法執行了兩次；分清keyup和blur觸發的先后順序即可；

【解決】將keyup事件設置為觸發blur，這樣：如果blur了，執行onInputComplete；如果keyup了，執行blur，blur會執行onInputComplete。

 

    <component
      :is="editableComponent"
      v-if="editMode || showInput"
      ref="input"
      @focus="onFielddblClick"
      @keyup.enter.native="$event.target.blur"
      @blur="onInputComplete"
      v-on="listeners"
      v-bind="$attrs"
      v-model="model"
    >
      <slot name="edit-component-slot"></slot>
    </component>