当前位置: 首页 > 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.rkmt.cn/news/188854.html

相关文章:

  • 电机控制中电阻采样方法大揭秘
  • 试过很多方法没用!怎么让孩子近视度数涨得慢些?
  • MATLAB + 深度学习 = 心电图分类神器!完整流程 + 关键代码
  • 2025最新!自考党必看!10个AI论文平台测评与推荐
  • 做好孩子视力守护者预防“小眼镜”秘籍在这里
  • javaSE继承随笔
  • 智慧指挥中心建设厂商重磅盘点,成功案例+专业背书,itc保伦股份值得信赖 - 速递信息
  • 云服务器成本管控:从粗放投入到精细运营
  • 基于微信小程序的课程资料共享平台设计与实现
  • 2026年AI入门指南:四个学习平台的使用体验 - 速递信息
  • docker部署elk+filebeat日志收集分析系统
  • 2025年转身,面向2026|当AI回到价值本身
  • iBox CEO宣松涛畅谈数字文创破局之道
  • Nginx 站点垂直扩容(单机性能升级)全攻略
  • 搞懂 Nginx 垂直扩容的核心理解逻辑(从根到果,层层通透)
  • 主流CRM系统核心能力深度横评:从线索到复购的全流程胜负手
  • vue基于PHP的招聘求职管理系统的设计与实现
  • 书刊教材网上商城销售系统设计与实现_n92j5d1b
  • SQL性能优化指南:如何优化MySQL多表join场景
  • CCF-GESP计算机学会等级考试2025年12月二级C++T2 黄金格
  • List集合
  • 下载 | Windows Server 2016最新原版ISO映像!(集成12月更新、标准版、数据中心版、14393.8692)
  • ⚡ 实时控制也能多线程?高效并行机制解析-SFTW-Multithreading
  • 专科生必看!8个降AI率工具高效避坑指南
  • 跨年夜收转账这么回,笑到他心甘情愿再转“
  • linux系统加固
  • 异步线程加速实时模型:多线程效率提升实战-SFTW-FIFO
  • 2025最新!9款AI论文平台测评:本科生写论文必备推荐
  • 日语契机相关
  • 动态重构与实时模型切换-SFTW-MutiModel