尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

uniapp input组件实现聚焦

uniapp input组件实现聚焦
📅 发布时间:2026/6/20 0:25:40

目前有一个功能需求是在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); }); },

相关新闻

  • 电机控制中电阻采样方法大揭秘
  • 试过很多方法没用!怎么让孩子近视度数涨得慢些?
  • MATLAB + 深度学习 = 心电图分类神器!完整流程 + 关键代码

最新新闻

  • 告别臃肿:3个理由让你立即切换到GHelper控制华硕笔记本
  • 2026苏州擅长协议离婚谈判的律师推荐 - 品牌排行榜
  • MCU系统时钟与复位机制深度解析:从MC68HC908到嵌入式稳定运行
  • 《Hadoop与大数据技术》模拟考试卷
  • 2026济宁本地人必选防水补漏检测维修公司靠谱服务商TOP5推荐:房屋渗漏水检测维修/卫生间/厨房/天花板/阳台/外墙渗漏水检测补漏维修-暗管漏水检测专业仪器精准定位漏水点 - 即刻修防水
  • MC68HC08AZ60A EEPROM新特性与内存映射深度解析

日新闻

  • 信任的进化:技术实现详解——如何用JavaScript构建博弈论模拟器
  • Terrakube自定义工作流:如何集成OPA、Infracost等工具扩展IaC能力
  • grunt-concurrent快速入门:5分钟学会并行运行Grunt任务

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号