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

vue-quill-editor的失焦事件

vue-quill-editor的用法再此就不再赘述了,只记录我在使用过程中踩的坑。
版本:Vue2 vue-quill-editor3.0.6
封装组件:

	  <vue-quill-editorclass="editor":class="dynamicClasses"ref="myTextEditor"v-model="value":disabled="disabled":options="editorOption"@blur="onEditorBlur"@focus="onEditorFocus"@ready="onEditorReady"@change="onEditorChange"/>

🙋问题就在于blur事件在该触发的时候没触发,在没聚焦的时候乱触发。
解决方案:手动监听失焦事件

    this.$nextTick(() => {const quill = this.$refs.myTextEditor.quill;quill.root.setAttribute('tabindex', '0'); // 设置 tabIndex 以支持键盘焦点和 blur 事件quill.root.addEventListener('blur', this.onEditorBlur);});
http://www.xdnf.cn/news/4569.html

相关文章:

  • 分布式架构详解
  • #黑马点评#(一)登录功能
  • 数字化转型-4A架构之应用架构
  • 鸿蒙编译boost
  • 浅谈微前端沙箱机制
  • 报表分析报告怎么写?零基础掌握报表分析三要素!
  • canal mysqltomysql增加同步的库操作
  • 96、数图求解(整数规划建模求解)
  • 分布式-Redis分布式锁
  • 如何用FastMCP快速开发自己的MCP Server?
  • 2024ccpc【上海+陕西】
  • Windows远程桌面实现之十七:基于浏览器的文件和目录传输(一)
  • 解决 win11 连接共享打印机,报错 0x00000709 问题
  • Analytics Service 对生产环境性能的影响
  • Spring-博客系统项目
  • 动态规划之回文串问题
  • 第7章-3 维护索引和表
  • 添加地形与自定义地形
  • HTML基础2-空元素,元素属性与页面的结构
  • livedata使用,完整的livedata的Demo
  • Spring 中org.springframework.core.Ordered接口的实战教学
  • 在 ESP-IDF 中使用 .a 静态库调用
  • 解析表观遗传学的工具——ChIP-seq(一)
  • 数据库即服务(DBaaS)领域的最新创新
  • 每日一道leetcode
  • SCADA|KingSCADA运行报错:加载实时库服务失败
  • git 入门使用教程
  • 全国通用Y1大型游乐设施修理作业证精选题
  • PTS-G5K13M RF Generator 5kW / 13MHz 射频电源User s Manual
  • Spring Boot 如何自动配置事务管理器?