news 2026/5/23 18:33:41

uniapp input组件实现聚焦

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
uniapp input组件实现聚焦

目前有一个功能需求是在uniapp中 有一个input输入框默认为disabled,通过点击旁边的编辑icon移除disabled并且聚焦。
实现方法:

input:<inputtype="text":class="['inputAmount', { 'actualDisabled': actualDisabled }]"v-model="inputAmount"@blur="actualAmountBlur":focus="isFocus":disabled="actualDisabled">data中声明的响应式数据: data() { return { inputAmount: 0, actualDisabled: true, isFocus: false, } }, 图片:<imagesrc="../../../static/as_edit_amount.png"class="editAmount"@click="actualAmountFocus"/>方法: actualAmountFocus() { this.actualDisabled = false; this.isFocus = false; this.$nextTick(() => { setTimeout(() => { this.isFocus = true; }, 100); }); },
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/1 17:06:26

西宁不锈钢卫生管加工 高纯洁净

在当前工业材料市场持续规范发展的背景下&#xff0c;不锈钢卫生管作为关键基础构件&#xff0c;其价格透明度与供应稳定性日益受到行业关注。据最新行业调研数据显示&#xff0c;全国范围内已有超过62%的不锈钢管材生产企业主动推行价格公示制度&#xff0c;其中华东地区表现尤…

作者头像 李华
网站建设 2026/5/11 11:44:15

还在用DeepSeek写论文?这8款免费AI神器,查重率低于13%原创度高!

还在把通用AI聊天机器人当成论文写作的救命稻草&#xff1f;还在用DeepSeek、ChatGPT吭哧吭哧地生成文本&#xff0c;然后对着飙红的查重率和导师的“AI味太重”评语彻夜难眠&#xff1f;别再犯这个致命错误了&#xff01; 你以为找到了捷径&#xff0c;实则可能踏入了学术雷区…

作者头像 李华
网站建设 2026/5/22 11:54:27

试过很多方法没用!怎么让孩子近视度数涨得慢些?

孩子近视后&#xff0c;不少家长尝试了各类方法防控&#xff0c;却还是看着度数逐年攀升&#xff0c;焦虑不已。其实孩子近视度数难控&#xff0c;并非方法无效&#xff0c;更多是没找对核心症结&#xff0c;也没选对适配孩子学习生活节奏的方式。想要有效延缓度数增长&#xf…

作者头像 李华
网站建设 2026/5/20 18:29:27

低功耗蓝牙主机与从机四种数据交流方式

第一种&#xff1a;读取数据流向&#xff1a;主机 → 请求 → 从机 → 响应 → 主机 本质&#xff1a;主机主动查询从机数据的“问答”模式。过程描述&#xff1a;主机发起&#xff1a;主机向从机某个特征的 句柄 发送一个 “读取请求”。从机响应&#xff1a;从机必须回复一个…

作者头像 李华
网站建设 2026/5/16 22:54:00

docker部署elk+filebeat日志收集分析系统

简介 ELK 是由三个开源项目组成的日志管理解决方案&#xff0c;分别是 Elasticsearch、Logstash 和 Kibana。这三个工具协同工作&#xff0c;提供强大的日志收集、处理、存储和可视化能力。通常&#xff0c;ELK 被用于大规模的日志分析和数据监控&#xff0c;帮助开发人员和运…

作者头像 李华