当前位置： 首页 > article >正文

uni-app 安卓消失的字符去哪里了？maxLength失效了！

article 2025/6/3 21:32:28

前情提要

皮一下~这个标题我还蛮喜欢的嘿嘿嘿【附上一个自行思考的猥琐的笑容】

前段时间不是在开发uni-app的一个小应用嘛，然后今天测试发现，有一个地方在苹果是没有问题的，但是在安卓上出现了问题，附上安卓的截图
在这里插入图片描述
在这里我是有限制maxLength=50的，而且，赋值字符串到字符串长度在线校验d的平台进行校验的时候，这串字符的长度正好50，所以消失的字符去哪里了？是字符消失了，还是计数器有问题了？

安卓和苹果输入法的行为差异

  • 输入法组合输入（IME）
    在安卓设备上，尤其是使用中文输入法时，比如搜狗、百度、华为输入法等：

    • 用户输入拼音，输入法会先显示候选词，这时并不会立即触发 input 或 keydown。
    • 有些输入法会在“确认”后一次性插入多个字符，绕过浏览器对 maxlength 的判断。

  • 粘贴行为不受限制
    用户可以通过长按输入框 → 选择“粘贴” → 插入大量文字，完全绕过 maxlength 的限制。

  • 某些 WebView 对 maxlength 支持不完整
    特别是在微信小程序的 H5 页面、UniApp 编译到 App 时使用的 WebView 中：

    • 并非所有 WebView 都严格遵守 HTML 标准；
    • maxlength 可能被忽略或部分支持。

不同平台实测表现对比（常见问题）

平台maxlength=“50” 是否生效备注
Chrome PC 浏览器✅ 生效正常限制输入
Safari iPhone✅ 基本生效支持良好
安卓原生浏览器❌ 不稳定某些版本/品牌失效
微信内置浏览器❌ 经常失效尤其是长按粘贴时
UniApp App/H5/小程序⚠️ 视情况而定需要额外代码控制

结论：为什么会失效？

原因说明
maxLength是HTML的原生属性只能控制基本的输入，那边覆盖所有的输入方式（如粘贴）
安卓输入法的特殊处理特别是中文输入法的”组合输入“可能一次插入多个字符
WebView兼容性问题在uniApp、小程序等环境下，maxLength不一定有效
粘贴操作未拦截即使设置了maxlength，粘贴依然可以插入超长内容

通用的限制字数的组件

//inputLimitMixin.js
export default {props: {// 接收最大长度参数maxLength: {type: Number,default: 50 // 默认值为 50}},data() {return {inputValue: '' // 内部维护输入值};},methods: {handleInput(e) {

相关文章：

uni-app 安卓消失的字符去哪里了？maxLength失效了！

前情提要 皮一下~这个标题我还蛮喜欢的嘿嘿嘿【附上一个自行思考的猥琐的笑容】 前段时间不是在开发uni-app的一个小应用嘛，然后今天测试发现，有一个地方在苹果是没有问题的，但是在安卓上出现了问题，附上安卓的截图 在这里我是有限制maxLength=50的，而且，赋值字符串到字…...

编程日记 2025/6/2 4:34:12

#AI短视频制作完整教程

目录 前期准备AI工具选择制作流程后期优化发布策略 前期准备 1. 确定视频主题和风格 内容定位：教育、娱乐、商业推广、个人分享目标受众：年龄、兴趣、平台偏好视频时长：15-60秒（根据平台调整）风格调性：…...

编程日记 2025/6/2 4:33:07

嵌入式STM32学习——串口USART 2.0（printf重定义及串口发送）

printf重定义： C语言里面的printf函数默认输出设备是显示器，如果要实现printf函数输出正在串口或者LCD显示屏上，必须要重定义标准库函数里调用的与输出设备相关的函数，比如printf输出到串口，需要将fputc里面的输出指向…...

编程日记 2025/6/2 4:32:05

【大模型】情绪对话模型项目研发

一、使用框架： Qwen大模型后端Open-webui前端实现使用LLamaFactory的STF微调数据集，vllm后端部署， 二、框架安装 下载千问大模型 安装魔塔社区库文件 pip install modelscope Download.py 内容 from modelscope import snapshot_downlo…...

编程日记 2025/6/2 4:31:03

Git 教程 | 如何将指定文件夹回滚到上一次或某次提交状态（命令详解）

在日常开发中，我们经常会遇到这样的情况： “我想把某个文件夹恢复到之前的状态，但又不想影响整个项目，怎么办？” 别担心！这篇文章就教你如何用 Git 把项目中某个特定文件夹（或文件）回…...

编程日记 2025/6/3 20:54:30

【PCI】PCI入门介绍（包含部分PCIe讲解）

先解释一下寻址空间： 机器是32bit的话，意味着4G（2的32次方）寻址空间，内存条作为它的实际物理存储设备。大部分在跑内存程序运行，少部分用来存放其他东西。这是一个常见的4G寻址空间分布（不一定是…...

编程日记 2025/6/3 5:02:21

Cloudera Manager 学习笔记

目录 1 基础概念与原理1.1 Cloudera Manager的主要作用是什么？1.2 与Ambari有何区别？1.3 Cloudera Manager 的核心功能和架构是什么？1.4 解释一下 Cloudera Manager 中的服务模型和角色?1.5 Cloudera Manager 是如何实现对 CDH 集群的集中管…...

编程日记 2025/6/3 13:10:35

Deepin 23.10安装Docker

个人博客地址：Deepin 23.10安装Docker | 一张假钞的真实世界 Deepin 是基于 Debian 的国产 Linux 发行版，安装 Docker Desktop 可能会遇到兼容性问题，因为 Docker Desktop 官方主要支持 Ubuntu/Debian/Red Hat/Fedora/Arch 等主流发行版&…...

编程日记 2025/6/3 19:34:57

使用PowerBI个人网关定时刷新数据

使用PowerBI个人网关定时刷新数据 PowerBI desktop连接mysql，可以设置定时刷新数据或在PowerBI服务中手动刷新数据,步骤如下： 第一步： 下载网关。以个人网关为例，如图 第二步： 双击网关，点击下一步&…...

编程日记 2025/6/3 21:07:47

数字人引领政务新风尚：智能设备助力政务服务

在信息技术飞速发展的今天，政府机构不断探索提升服务效率和改善服务质量的新途径。实时交互数字人在政务服务中的应用正成为一大亮点，通过将“数字公务员”植入各种横屏智能设备中，为民众办理业务提供全程辅助。这种创新不仅优化了政务大厅的…...

编程日记 2025/6/3 8:37:27

深入剖析Java类加载机制：双亲委派模型的突破与实战应用

引言：一个诡异的NoClassDefFoundError 某金融系统在迁移到微服务架构后，突然出现了一个诡异问题：在调用核心交易模块时，频繁抛出NoClassDefFoundError，但类明明存在于classpath中。经过排查，发现是由于不同…...

编程日记 2025/6/2 4:22:33

Kotlin JVM 注解详解

前言 Kotlin 作为一门现代 JVM 语言，提供了出色的 Java 互操作性。为了更好地支持与 Java 代码的交互，Kotlin 提供了一系列 JVM 相关注解。这些注解不仅能帮助我们控制 Kotlin 代码编译成 Java 字节码的行为，还能让我们的 Kotlin 代码更好地…...

编程日记 2025/6/2 4:21:32

将 node.js 项目作为后台进程持续运行

将 node.js 项目作为后台进程持续运行 方法 1：使用 pm2（生产环境推荐） 安装 pm2（Node.js 进程管理器）：npm install pm2 -g启动应用：pm2 start hd/src/app.js --name "my-app"常用命…...

编程日记 2025/6/2 4:20:31

【PhysUnits】15.5 引入P1后的标准化表示(standardization.rs)

一、源码 这段代码实现了一个类型级别的二进制数标准化系统&#xff0c;主要用于处理二进制数的前导零和特殊值的简化。 use super::basic::{Z0, P1, N1, B0, B1, NonNegOne, NonZero};/// 处理 B0<H> 类型的标准化 /// Standardization for B0<H> types /// ///…...

编程日记 2025/6/3 6:00:07

MySQL-5.7 修改密码和连接访问权限

一、MySQL-5.7 修改密码和连接权限设置 修改密码语法 注意&#xff1a;rootlocalhost 和 root192.168.56.% 是两个不同的用户。在修改密码时&#xff0c;两个用户的密码是各自分别保存&#xff0c;如果两个用户密码设置不一样则登陆时注意登陆密码 GRANT ALL PRIVILEGES ON …...

编程日记 2025/6/2 4:18:28

tauri2项目打开某个文件夹，类似于mac系统中的 open ./

在 Tauri 2 项目中打开文件夹 在 Tauri 2 项目中&#xff0c;你可以使用以下几种方法来打开文件夹&#xff0c;类似于 macOS 中的 open ./ 命令功能&#xff1a; 方法一&#xff1a;使用 shell 命令 use tauri::Manager;#[tauri::command] async fn open_folder(path: Strin…...

编程日记 2025/6/3 8:11:46

企业文件乱、传输慢？用群晖 NAS 构建安全高效的共享系统

在信息化办公不断加速的今天&#xff0c;企业对文件存储、共享与安全管理的需求愈发严苛。传统文件共享方式效率低下、权限混乱、远程访问困难&#xff0c;极大影响了协同办公效率。此时&#xff0c;一套可靠、高效、安全的文件共享解决方案便成为众多企业的“刚需”。 这正是…...

编程日记 2025/6/3 6:49:15

防爆手机VS普通手机，区别在哪里？

在加油站掏出手机接打电话、在化工厂车间随手拍照记录……这些看似寻常的行为&#xff0c;实则暗藏致命风险。普通手机在易燃易爆环境中可能成为“隐形炸弹”&#xff0c;而防爆手机却能安全护航。这两者看似相似&#xff0c;实则从底层基因到应用场景都存在着本质差异&#xf…...

编程日记 2025/6/3 6:35:03

C语言结构体的别名与创建结构体变量

这段代码是用C语言定义了一个链表节点的结构体&#xff0c;并通过typedef为相关类型创建了别名。下面分别解释Lnode和pNode&#xff1a; 1. Lnode Lnode是通过typedef为struct node定义的一个别名。struct node是一个结构体类型&#xff0c;表示一个链表节点。它的定义如下&a…...

编程日记 2025/6/3 4:39:35

在RTX5060Ti上进行Qwen3-4B的GRPO强化微调

导语 最近赶上618活动&#xff0c;将家里的RTX 4060显卡升级为了RTX 5060Ti 16GB版本&#xff0c;显存翻了一番&#xff0c;可以进行一些LLM微调实验了&#xff0c;本篇博客记录使用unsloth框架在RTX 5060Ti 16GB显卡上进行Qwen3-4B-Base模型的GRPO强化微调实验。 简介 GPU性…...

编程日记 2025/6/3 21:18:37

SQL进阶之旅 Day 7：视图与存储过程入门

【SQL进阶之旅 Day 7】视图与存储过程入门 在SQL开发中&#xff0c;视图&#xff08;View&#xff09;和存储过程&#xff08;Stored Procedure&#xff09;是两个非常重要的数据库对象。它们不仅可以简化复杂查询逻辑&#xff0c;还能提高代码复用性和安全性。本文将深入探讨…...

编程日记 2025/6/2 4:11:17

武汉火影数字VR大空间制作

VR大空间是一种利用空旷的物理空间&#xff0c;结合先进的虚拟现实技术&#xff0c;让用户能够在其中自由移动并深度体验虚拟世界的创新项目方式。 在科技飞速发展的当下&#xff0c;VR大空间正以其独特的魅力&#xff0c;成为科技与娱乐领域的耀眼新星&#xff0c;掀起了一股沉…...

编程日记 2025/6/2 4:10:15

Docker部署项目无法访问，登录超时完整排查攻略

项目背景&#xff1a;迁移前后端应用&#xff0c;prod环境要求保留443端口&#xff0c;开发环境37800端口&#xff0c;后端容器端口为8000&#xff0c;前端为80&#xff0c;fastAPI对外端口为41000 生产环境部署在VM01,开发环境部署在VM03&#xff0c;在VM01配置nginx转发 [r…...

编程日记 2025/6/2 4:09:14

（增强）基于sqlite、mysql、redis的消息存储

原文链接&#xff1a;&#xff08;增强&#xff09;基于sqlite、mysql、redis的消息存储 教程说明 说明&#xff1a;本教程将采用2025年5月20日正式的GA版&#xff0c;给出如下内容 核心功能模块的快速上手教程核心功能模块的源码级解读Spring ai alibaba增强的快速上手教程…...

编程日记 2025/6/3 8:25:24

Windows上用FFmpeg推流及拉流的流程概览

1. 视频采集与推流&#xff08;Windows FFmpeg&#xff09; 采集设备&#xff1a;Windows上的摄像头&#xff0c;比如“Integrated Camera”。 采集方式&#xff1a;FFmpeg通过 dshow 设备接口读取摄像头。 推流协议&#xff1a;你可以选择推到 RTMP 或 RTSP 服务器。 推流…...

编程日记 2025/6/3 20:57:29

MFC坦克大战游戏制作

MFC坦克大战游戏制作 前言 现在的游戏制作一般是easyx&#xff0c;有没有直接只用mfc框架的&#xff0c;笔者研究了一番&#xff0c;做出了一个雏形&#xff0c;下面把遇到的问题总结出来 一、MFC框架制作游戏 初步设想&#xff0c;MFC可以选用 对话框 或者 单文档 结构&…...

编程日记 2025/6/2 4:06:11

Kafka ACK机制详解：数据可靠性与性能的权衡之道

在分布式消息系统中&#xff0c;消息确认机制是保障数据可靠性的关键。Apache Kafka 通过 ACK&#xff08;Acknowledgment&#xff09;机制 实现了灵活的数据确认策略&#xff0c;允许用户在 数据可靠性 和 系统性能 之间进行权衡。本文将深入解析 Kafka ACK 机制的工作原理、配…...

编程日记 2025/6/3 5:38:30

VulnStack|红日靶场——红队评估四

信息收集及漏洞利用 扫描跟kali处在同一网段的设备&#xff0c;找出目标IP arp-scan -l 扫描目标端口 nmap -p- -n -O -A -Pn -v -sV 192.168.126.154 3个端口上有web服务&#xff0c;分别对应三个漏洞环境 &#xff1a;2001——Struts2、2002——Tomcat、2003——phpMyAd…...

编程日记 2025/6/2 4:04:08

数据库 | 时序数据库选型

选型目标 高性能与低延迟&#xff1a;满足高频率数据写入与即时查询的需求。资源效率&#xff1a;优化存储空间使用&#xff0c;减少计算资源消耗。可扩展架构&#xff1a;支持数据量增长带来的扩展需求&#xff0c;易于维护。社区活跃度&#xff1a;有活跃的开发者社区&#…...

编程日记 2025/6/2 4:03:07

网络拓扑如何跨网段访问

最近领导让研究下跟甲方合同里的&#xff0c;跨网段访问怎么实现&#xff0c;之前不都是运维网工干的活么&#xff0c;看来裁员裁到动脉上了碰到用人的时候找不到人了&#xff0c; 只能赶鸭子上架让我来搞 IP 网络中&#xff0c;不同网段之间的通信需要通过路由器&#xff0c;…...

编程日记 2025/6/2 4:00:50