focus状态怎么取消

[weige0088]

页面一打开就会自动定位并且 focus 到 文本编辑器的位置；
如何取消这种 focus,呢

[liluyoung]

同样遇到了这个问题。。。还不知道怎么解决

[xiaojiangjiang]

same question +1

[zuilafeng]

same question + 1

[houcz9]

same question + 1

[zhangwei900808]

same question + 1

[wakame-isono]

same question + 1

[Coande]

same question + 1

[Coande]

按照这个来写：#197 (comment)

  watch: {
    // Watch content change
    value(newVal) {
      if (this.$refs.quillEditor.quill) {
        if (newVal && newVal !== this._content) {
          this._content = newVal;
          this.$refs.quillEditor.quill
            .setContents(this.$refs.quillEditor.quill.clipboard.convert(newVal));
        } else if (!newVal) {
          this.$refs.quillEditor.quill.setText('');
        }
      }
    }
  }

焦点是取消了，但是，每次输入的时候光标自动跳到开始位置了。

没人解决吗？

[sogoquick]

按照这个来写：#197 (comment)

  watch: {
    // Watch content change
    value(newVal) {
      if (this.$refs.quillEditor.quill) {
        if (newVal && newVal !== this._content) {
          this._content = newVal;
          this.$refs.quillEditor.quill
            .setContents(this.$refs.quillEditor.quill.clipboard.convert(newVal));
        } else if (!newVal) {
          this.$refs.quillEditor.quill.setText('');
        }
      }
    }
  }

焦点是取消了，但是，每次输入的时候光标自动跳到开始位置了。

没人解决吗？

you can add one params to control just do one time when you load it , like that
if (this.$refs.quillEditor.quill && this.firstPaint) {
....
this.firstPaint = false;
}
firstPaint Init Data ,the default value is True

BTW:
If you use ember your code ,it not component , direct use quill.blur() when finish init the data

这个方法实测有效
https://blog.csdn.net/nickroprak/article/details/80887808

[weirdo-o]

问题解决了吗...

[zhidanwang19910111]

在此issue 基础上还有一个功能问题是：当输入内容后，点击外部的一个button ，不失去焦点

[wangjiang6541]

在此发行基础上还有一个功能问题是：当输入内容后，点击外部的一个按钮，不失去焦点

我和你遇到了一样的问题，点击外部按钮，富文本不会触发blur事件，除非点在其他的空白处

[shaunhurryup]

First, bind an attribute to the <quill-editor ref="myQuillEditor">
Then, cancel auto-focus in lifecycle hooks mounted()

mounted() {
    this.$refs.myQuillEditor.quill.enable(false)
  },

REMEMBER, cancel operation should add in .vue that import import { quillEditor } from 'vue-quill-editor'