vue完美解决vue-quill-editor初始化自动聚焦问题

完美解决vue-quill-editor初始化自动聚焦问题

一、初始化时令vue-quill-editor失效

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

二、点击富文本框时令quill-editor生效,并聚焦

<quill-editor 
      class="editor"
      :class="isFocus ? 'focus-margin' : ''"
      v-model="messages"
      ref="myQuillEditor"
      @click.native="handleEditAble"
      @blur="onEditorBlur"
      @focus="onEditorFocus"
      @ready="onEditorReady">
    </quill-editor>
methods: {
    handleEditAble() {
      if(this.qillInit) {
        this.$refs.myQuillEditor.quill.enable(true)
        this.$refs.myQuillEditor.quill.focus()
        this.qillInit = false
      }
    },
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容