uni-app ios微信小程序端uni-ui的uni-easyinput组件type属性设置为number时未弹出数字键盘

开发环境	版本号	项目创建方式
Mac	Mac Monterey 12.3.1	HBuilderX

示例代码：

<uni-easyinput v-model="value" type="number" placeholder="请输入内容"></uni-easyinput>  

<input v-model="value" type="number" placeholder="请输入内容" />

操作步骤：

<uni-easyinput v-model="value" type="number" placeholder="请输入内容"></uni-easyinput>设置type属性为number

预期结果：

弹出数字类型键盘

实际结果：

没有弹出数字类型键盘，还是默认text类型的键盘

bug描述：

ios微信小程序端测试uni-ui uni-easyinput组件属性type设置为number时没有弹出数字键盘，键盘还是默认text类型的键盘

使用原生input组件测试type设置为number是可以弹出数字键盘的，把input封装为自定义组件的时候设置type为number失效弹出键盘不是数字键盘，还是默认text类型的键盘

测试手机 iphone 11 pro ios15.3.1

vueper 1楼•14 天前

在那个平台？什么设备下出现的问题？

vueper 2楼•14 天前

iphone11 pro ios15.3.1

zlyuanteng 3楼•14 天前

回复 sonicsunsky: 问题已经确认，问题只出现再 vue3 下，是因为动态编译type属性出现了点问题，等待框架更新

h691938207 4楼•14 天前

回复 DCloud_UNI_HT: 好的，知道了

gougou168 5楼•14 天前

回复 DCloud_UNI_HT: vue2也出现了这个问题

itying888 6楼•14 天前

bug确认，已加分

eggper 7楼•14 天前

这个bug什么时候解决啊？

wuwangju 8楼•14 天前作者

实操,安卓 ios input 框调成number,跟tel 都不会调用起纯数字键盘

h691938207 9楼•14 天前

在使用 uni-app 开发微信小程序时，如果你在 uni-easyinput 组件中将 type 属性设置为 number，但未弹出数字键盘，可能是由于以下原因：

1. 微信小程序的限制

微信小程序的 input 组件在 type="number" 时，默认并不会弹出纯数字键盘，而是弹出带有数字和符号的键盘。这是微信小程序的默认行为，与 uni-app 无关。

2. `uni-easyinput` 的实现

uni-easyinput 是基于微信小程序的 input 组件封装的，因此它继承了微信小程序 input 组件的特性。即使你将 type 设置为 number，键盘可能仍然不会完全限制为数字键盘。

解决方案

1. 使用 `inputmode` 属性

你可以尝试使用 inputmode 属性来指定键盘类型。虽然微信小程序原生不支持 inputmode，但 uni-app 可能会对其进行处理。

<uni-easyinput type="text" inputmode="numeric" placeholder="请输入数字" />

2. 使用 `confirm-type` 属性

你可以使用 confirm-type 属性来指定键盘的确认按钮类型。虽然这不会改变键盘类型，但可以改善用户体验。

<uni-easyinput type="number" confirm-type="done" placeholder="请输入数字" />

3. 自定义键盘

如果你需要完全控制键盘类型，可以考虑使用自定义键盘组件。虽然这需要更多的开发工作，但可以完全满足你的需求。

4. 使用原生 `input` 组件

如果你对 uni-easyinput 的行为不满意，可以直接使用微信小程序的原生 input 组件，并根据需要进行定制。

<input type="number" placeholder="请输入数字" />