vue3用quill富文本赋值后回退键删除报错

vue3使用quill富文本赋值后回退键删除报错，如果你用的是pasteHTML("<p>123</p>")，打印savedRange : Range2 {index: -1, length: 0} index为负值，则会触发 Failed to execute 'setStart' on 'Range' 错误

那么换一种思路，从dom中去获取对象，去操作对象方法。

直接上代码，通过设置ref，用ref值去调用设置html内容的方法setHTML()

<quill-editor ref="quilRef" v-model:content="form.pushContent2" :options="editorOption"contentType="html" />const quilRef = ref(null);onMounted(() => {setTimeout(() => {quilRef.value.setHTML('<p>123</p>');}, 100);
})

这样回显内容后，按回退键删除就不会导致index错乱了，从而避开了quill富文本的bug。