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

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.dtcms.com/a/177387.html

相关文章:

  • conda init before conda activate
  • 代码随想录算法训练营第三十三天(补)
  • [人机交互]交互设计过程
  • AI系列:智能音箱技术简析
  • TCGA数据库临床亚型可用!贝叶斯聚类+特征网络分析,这篇 NC 提供的方法可以快速用起来了!
  • 操作系统——第四章(文件的物理结构以及与逻辑结构的对比)
  • vue截图-html2canvas
  • V 型球阀设计标准:为带颗粒、料浆介质量身定制的卓越方案-耀圣
  • STM32裸机开发问题汇总
  • 统一返回JsonResult踩坑
  • PBR材质-Unity/Blender/UE
  • 优选算法系列(8.多源BFS)
  • 个人网站versionI正式上线了!Personal Website for Jing Liu
  • RISC-V架构深度解析
  • 高组装导轨的特点
  • 【Prometheus】 kube-state-metrics中的指标kube_pod_labels
  • 元子与元组的关系解析:从简单到复杂大跨界大综合的融智学研究
  • SSRF请求伪造
  • 分布式架构详解
  • Ceph 原理与集群配置
  • 驱动开发硬核特训 · 专题篇:Vivante GPU 与 DRM 图形显示体系全解析(i.MX8MP 平台实战)
  • 50个精选DeepSeek指令
  • QT中connect高级链接——指针、lambda、宏
  • Linux云计算训练营笔记day03(Rocky Linux中的命令)
  • MySQL OCP 认证限时免费活动​ 7 月 31 日 前截止!!!
  • Linux中的线程安全与线程同步详解
  • WordPress个人博客搭建(三):WordPress网站优化
  • vue3:十二、图形看板- 基础准备+首行列表项展示
  • 用go从零构建写一个RPC(仿gRPC,tRPC)--- 版本1(Client端)
  • 国产数据库铸就数字基建新基石,助力农业产业转型升级