vue-quill-editor使用中遇到的坑

简介: vue-quill-editor回显数据后鼠标光标会自动锁定到文本框内

发现问题: 回显页面本来就很长每次编辑内容时就会发现,哎嗨! 我的页面为啥会滚动到最下面了呢(组件就在最后面用的).刚开始没发现是光标锁定的原因就尝试了一下 window.scrollTo(0,0)发现并没有什么卵用...之后也是意外看到,我去.鼠标光标怎么在这儿了.好了 下面直接放解决方法了...

this.$refs.myQuillEditor.quill.enable(false);
setTimeout(() => {
​    this.$refs.myQuillEditor.quill.enable(true);
}, 0);
// 意思就是先把文本框给disable掉然后赋值..之后再给解除

附加一下window.scrollTo(0,0)的使用吧.


// 全局加的话就在router.js中设置
router.afterEach((to,from,next)=>{
  window.scrollTo(0,0);
})

// 页面内 在mounted里面设置
this.$router.afterEach((to,from,next)=>{
   window.scrollTo(0,0)
})
相关文章
vue2使用wangEditor
vue2使用wangEditor
231 0
|
资源调度
Vue3富文本编辑器wangEditor 5使用总结
Vue3富文本编辑器wangEditor 5使用总结
993 0
|
7月前
|
JavaScript
【vue】 vue2 中使用 Tinymce 富文本编辑器
【vue】 vue2 中使用 Tinymce 富文本编辑器
725 6
|
7月前
|
SQL JavaScript
vue 代码编辑器 vue-codemirror
vue 代码编辑器 vue-codemirror
90 0
|
7月前
|
JavaScript
vue 代码高亮 highlight.js vue-highlightjs
vue 代码高亮 highlight.js vue-highlightjs
87 0
|
9月前
|
JavaScript 前端开发
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
582 0
|
9月前
|
资源调度 JavaScript 前端开发
vue--使用wangEditor富文本
vue--使用wangEditor富文本
208 0
|
资源调度 JavaScript 容器
vue使用wangEditor富文本
vue使用wangEditor富文本
|
JavaScript 前端开发 开发者
Vue CKEditor5 快速了解并使用
Vue CKEditor5 快速了解并使用
857 0
|
JavaScript
教你两分钟在Vue中使用富文本编辑器quill-editor
富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。
1677 0