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

vue异步更新,$nextTick



如果将isShowEdit改为true,就会显示输入框和确认按钮、



如果isShowEdit为false的话就显示“大标题”和编辑


想要获取元素焦点,但是vue是异步更新,会出错显示this.$refs.inp是undefined,是因为input元素并没有更新完成,所以需要使用到$nextTick,将它们作为函数体来执行





除了可以用$nextTick()准确检测到dom更新完成后添加聚焦事件之外,还可以使用setTimeout()方法延时一秒之后给元素添加聚焦,但是该方法不准确,不能精确捕捉到什么时候dom更新完成。



在后一节自定义指令中,要想自动获取焦点,则写在mounted(){} 元素渲染完成之后。从此也可以得到启示,既可以用$nextTick(函数体)来准确监测异步更新的dom元素更新完成之后获取焦点,也可以直接在mounted(){}函数中获取焦点


http://www.mrgr.cn/news/79410.html

相关文章:

  • 如何创建一个基本的Spring Boot应用程序
  • 【若依项目-RuoYi】掌握若依前端的基本流程
  • 第十三周Scrum Meeting记录
  • ubuntu16.04部署dify教程
  • CSS元素宽高特点、类型转化、显式和隐藏(display)
  • 虚幻引擎的工程目录结构
  • 嵌入式系统与移动设备开发
  • SQL:从某行开始,查询一定行数的语句
  • (长期更新)《零基础入门 ArcGIS(ArcMap) 》实验三----学校选址与路径规划(超超超详细!!!)
  • (六)腾讯cloudstudio+Stable-Diffusion-webui AI绘画教程-白嫖clould studio算力
  • English phonetic symbol
  • 001 LVGL PC端模拟搭建
  • SAP SD学习笔记18 - 投诉处理4 - 请求书订正依赖,投诉处理流程的总结
  • React开发高级篇 - 高阶组件HOC技术总结系列二
  • 【C语言】16. 内存函数
  • 面经自测——死锁/死锁的必要条件/死锁的预防/进程通信的方式
  • 微信小程序实现图片拖拽调换位置效果 -- 开箱即用
  • linux-线程
  • Ubuntu操作系统在Vmware中的安装、常用操作、最基础的知识、imx6ll基本开发环境配置
  • pushgateway HA高可用方案
  • MVC基础——市场管理系统(一)
  • node.js中跨域请求有几种实现方法
  • 智慧商城项目(vue核心技术与实战)
  • 进入保护模式
  • 【Linux】防火墙
  • 代码随想录算法训练营day50|动态规划12