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()

Answer 2

设置一个ref，然后通过vue的$refs来取就是对应的dom元素