vue-quill-editor焦点处理

目录

 

前言

一、改进办法

---

前言

作者在使用vue-quill-editor过程中发现一个坑，就是vue-quill-editor渲染完成后，会自动获取焦点，这很不合理，对于有很多输入框的界面，如果你的富文本较多，进入页面后直接给你滚到页面底部，用户体验不好。

作者用的是3.0.6版本，不知后续有没有改进这个bug

一、改进办法

作者把vue-quill-editor单独写了一个组件，作者在父组件赋值后，把焦点定位到其他input上，解决了直接定位到vue-quill-editor的bug。

//富文本编辑器神坑处理
this.$nextTick(function() {
  let inputDom=document.querySelectorAll('.el-input__inner')[0];
  inputDom.focus();
});

总结：关键点在想法，而不是代码，大家学会了没。有用记得点赞哦Thanks♪(･ω･)ﾉ