因quill-editor回显值焦点变化导致页面位置偏差问题

使用富文本回显时会自动获取焦点进入到编辑框中。由于该编辑框处于底部。导致一加载页面位置就变成处于底部。

解决方法

在给富文本编辑框回显值之前先设置不能聚焦。赋值后重新打开enable

            //刚开始时,不聚焦
            this.$refs.myQuillEditor.$refs.quillEditor.quill.enable(false);
            //具体位置可根据情况也可以放在赋值之后
            setTimeout(() => {
              //2秒之后可以点击(聚焦)
              this.$refs.myQuillEditor.$refs.quillEditor.quill.enable(true);
            }, 2000);
            //TODO 赋值
           
image.png
image.png
image.png

你可能感兴趣的:(因quill-editor回显值焦点变化导致页面位置偏差问题)