vue-quill-editor限制字数

最新推荐文章于 2024-07-13 17:00:16 发布

技术项目经理

最新推荐文章于 2024-07-13 17:00:16 发布

阅读量6.1k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/107224687

版权

vue 专栏收录该内容

192 篇文章 4 订阅

订阅专栏

<quill-editor
                v-model="addForm.useExplain"
                :options="editorOption"
                ref="myQuillEditor"
                @blur="onEditorBlur($event)"
                @focus="onEditorFocus($event)"
                @change="onEditorChange($event)"
              ></quill-editor>
<div style="text-align:right">
                {{TiLength}}/2000
</div>
<script>
data(){
    return {
        // 限制长度
      TiLength: 0
    }
}

mounted(){
    //数据初始化
    this.TiLength =this.$refs.myQuillEditor.quill.getLength() - 1
}
methods: {
    onEditorChange(event) {
      event.quill.deleteText(2000,1);
      if(this.addForm.useExplain===0){
        this.TiLength = 0
      }
      else{
        this.TiLength = event.quill.getLength()-1
      }
    },
}
</script>