点击输入框时限制手机自带输入键盘打开的解决方法

在做手机APP时有需求为点击输入框，打开一个数字键盘或者其他像日期选择类组件，但是当点击了input输入框，手机会自动打开手机输入键盘，同时也打开了代码里得数字键盘，所以要限制手机键盘得打开。

限制手机键盘的打开代码很简单，就一行能解决：

1.在input加一个点击事件，例如：

 <input class="input" readonly @click="checkDate" v-model="date" placeholder="请选择服务日期" type="text"/>

2.在点击事件触发得方法里，加入如下代码即可。

checkDate(){
		//限制手机键盘打开
		document.activeElement.blur();
}