美文网首页
解决quill-editor富文本修改页面自动获取焦点问题

解决quill-editor富文本修改页面自动获取焦点问题

作者: 倩仔6 | 来源:发表于2022-07-21 16:00 被阅读0次
       <quill-editor
              ref="purposeEditor"
              v-model="scope.form[scope.row.prop]"
              :disabled="activeDisabled"
              @change="onGoalEditorChange"
              :options="purposeOption"
              @click.native="onGoalClick"
            ></quill-editor>
    
    

    ·》注意重点:
    @click.native="onGoalClick"

    export default {
      data() {
        return { 
          goalInit: true,
           }
      },
    
      mounted() {
          this.$refs.contentEditor.quill.enable(false);
        },
    methods: {
        onGoalClick() {
          if (this.goalInit) {
            this.$refs.purposeEditor.quill.enable(true);
            this.$refs.purposeEditor.quill.focus();
            this.goalInit = false;
            }
          }
        },
    }
    
    

    相关文章

      网友评论

          本文标题:解决quill-editor富文本修改页面自动获取焦点问题

          本文链接:https://www.haomeiwen.com/subject/ygwmirtx.html