vue 让input输入框主动失去焦点的办法

让input输入框主动失去焦点

在开发中发现输入框输入数据后直接隐藏，在同位置显示别的输入框的时候，会自动聚焦。解决这种情况可以让输入框主动失焦。
1.首先监听input框的input事件

<input
   maxlength="6"
   placeholder="请输入验证码"
   type="tel"
   v-model="verification"
   @input="complete"
 />

2.在methods里面定义方法

methods: {
 complete(e) {
    if(this.verification.length>=6) {
      e.srcElement.blur(); // 让输入框主动失焦
    }
  },
}

ps: 我的需求是在输入完6位验证码后会隐藏当前输入框，然后显示另一个输入框，然后就会出现自动聚焦的问题。