鍍金池/ 問(wèn)答/HTML/ vue.js中如何使移動(dòng)端中的鍵盤(pán)縮回去？

vue.js中如何使移動(dòng)端中的鍵盤(pán)縮回去？

為了使移動(dòng)端中的鍵盤(pán)縮回去，現(xiàn)在想的方法是使input框失去焦點(diǎn)。
網(wǎng)上找到這樣的方法

var input = document.getElementById("your-input-id");
input.blur();

但是在vue中怎么實(shí)現(xiàn)？
vue好像不推薦直接操作dom。
vue對(duì)input提供了@blur="xx" 但是這個(gè)應(yīng)該是理解為失去焦點(diǎn)時(shí)觸發(fā)xx函數(shù)吧？

問(wèn)題：怎么主動(dòng)使input失去焦點(diǎn)或怎么使手機(jī)端鍵盤(pán)縮回去。

回答
編輯回答
萌面人

主動(dòng)使input失去焦點(diǎn)
1.

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

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

2.

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

   this.$refs.input1.blur()
2018年8月9日 01:31
編輯回答
眼雜

設(shè)置一個(gè)ref，然后通過(guò)vue的$refs來(lái)取就是對(duì)應(yīng)的dom元素

2017年3月23日 21:26