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

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


更多关于uni-app ios微信小程序端uni-ui的uni-easyinput组件type属性设置为number时未弹出数字键盘的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

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

更多关于uni-app ios微信小程序端uni-ui的uni-easyinput组件type属性设置为number时未弹出数字键盘的实战教程也可以访问 https://www.itying.com/category-93-b0.html


iphone11 pro ios15.3.1

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

回复 DCloud_UNI_HT: 好的，知道了

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

bug确认 ，已加分

这个bug什么时候解决啊？

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

在使用 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="请输入数字" />
回到顶部