当前位置: 首页 > news >正文

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); }); },
http://www.jsqmd.com/news/172987/

相关文章:

  • 低功耗蓝牙建立连接过程-详解
  • AI自动画界面?Google这个开源神器让前端工程师失业了
  • 一个 Bug,把 MIT 工程师从谷歌逼醒
  • 数据驱动未来:大数据价值实现的创新方法
  • 30分钟让AI学会“说人话“:保姆级模型微调教程,无需写代码
  • 电机控制中电阻采样方法大揭秘
  • AI-Rime V3——指尖AI
  • 低功耗蓝牙主机与从机四种数据交流方式
  • MySQL COALESCE 函数使用详解
  • AI Agent的多语言支持:跨语言理解与生成
  • 函数式编程:Lambda 表达式:Compose 的核心。比如 { onClick() },请直接给出一些练习事例出来
  • 基于SMO滑模观测器算法的永磁同步电机无传感器矢量控制
  • 什么是Agentic AI?通俗解释为什么企业都在做智能体
  • nim游戏原理
  • spring项目中业务逻辑涉及异步调用
  • Java CountDownLatch 代码示例:协调多个线程的执行顺序(比赛起跑)
  • 电气设备的发热量计算
  • 试过很多方法没用!怎么让孩子近视度数涨得慢些?
  • Segmentation Fault 调试指南:gdb + ASan + Valgrind 全流程实战
  • 微网优化调度:Matlab + Yalmip 实现之旅
  • 荣膺行业殊荣,iBox以数字科技激活文化传承新生态
  • MATLAB + 深度学习 = 心电图分类神器!完整流程 + 关键代码
  • 北京陪诊机构推荐守嘉陪诊:全链条护航让首都就医更从容 - 品牌排行榜单
  • 2025最新!自考党必看!10个AI论文平台测评与推荐
  • 不止是整理
  • UKB数据库/RAP平台批量下载数据教程
  • javaSE继承随笔
  • 做好孩子视力守护者预防“小眼镜”秘籍在这里
  • 智能一卡通系统配置清单包含管理中心设备、门禁、考勤、访客、通道闸机、梯控、停车场等九大子系统。核心设备包括服务器、管理平台、读卡器等,各子系统通过统一平台实现数据交互与权限管理
  • 云服务器 vs 传统服务器:核心区别与选型指南​