vue.js中如何使移动端中的键盘缩回去？

Question

为了使移动端中的键盘缩回去，现在想的方法是使input框失去焦点。网上找到这样的方法var input = document.getElementById("your-input-id");input.blur();但是在vue中怎么实现？vue好像不推荐直接操作dom。vue对input提供了@blur="xx" 但是这个应该是理解为失去焦点时触发xx函数吧？问题：怎么主动使input失去焦点或怎么使手机端键盘缩回去。

Answer 1

主动使input失去焦点

1.

<input type="text" id="input1">

var input = document.getElementById("input1");

input.blur();

2.

  <input type="text" ref="input1">

   this.$refs.input1.blur()