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

问题:当页面中存在多个富文本编辑器,页面会自动下滑到不在可视区的富文本编辑器的位置.

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

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

第二步 点击富文本框时令quill-editor生效，并聚焦

<quill-editor ref="text"
                        v-model="form.question"
                        class="myQuillEditor"
                        :options="editorOption"
                        @change="changeQuillEditor"
                        @blur="changeQuillEditor"
                        @click.native="handleEditAblequestion"
                        />
        </el-form-item>

第三步  在定义方法与判断

   qillInit: true,//data里面属性
 
 
 
   //methods里面  // 点击富文本重新获取焦点
    handleEditAblequestion () {
      if (this.qillInit) {
        this.$refs.text.quill.enable(true)
        console.log(111)
        this.$refs.text.quill.focus()
        this.qillInit = false
      }
    },

数据