当前位置: 首页 > 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);});

相关文章:

  • 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 原理与集群配置
  • 新华每日电讯:给“男性妇科病论文”开一剂复方药
  • 山寨“小米”智能马桶、花洒销售额过亿,被判赔3500万元
  • 现场丨“影像上海”启幕:串联摄影、电影与当代艺术
  • 复旦设立新文科发展基金,校友曹国伟、王长田联合捐赠1亿助力人文学科与社会科学创新
  • 明天起,沪苏湖高铁、杭温高铁推出13款新型票制产品
  • 福特汽车撤回业绩指引,警告关税或造成15亿美元利润损失