若依vue3富文本新增操作时没有重置问题
若依vue3 quill-editor富文本
·
引入若依vue3框架时收到了一个富文本在点击编辑操作之后再新增时值没有重置的bug
原因如下:
const content = ref("");
watch(() => props.modelValue, (v) => {
if (v !== content.value) {
content.value = v === undefined ? "<p></p>" : v;
}
}, { immediate: true });
在editor组件里只判断传入的属性值为undefined。但是在代码生成的时候重置的值却是null,导致这里判断失败从而出现了这个bug
解决方案:
1、在引用editor组件时加上v-if,随着弹框的关闭而销毁(可能会影响性能)
2、也是最有效的方法,更改editor组件的watch监听里的判断
const content = ref("");
watch(() => props.modelValue, (v) => { if (v !== content.value) { if(v === undefined || v === null){ v = "<p></p>" } content.value = v; } }, { immediate: true });
更多推荐
已为社区贡献1条内容
所有评论(0)