Javascript Vuejs,具有setter冻结组件的计算属性

Javascript Vuejs,具有setter冻结组件的计算属性,javascript,vue.js,rich-text-editor,computed-properties,tiptap,Javascript,Vue.js,Rich Text Editor,Computed Properties,Tiptap,我有一个带有tiptap文本编辑器的组件。我使用带有setter的computed属性将数据绑定到编辑器 这类问题的常见解决方案是调用,这会延迟回调事件。例如,您可以使用取消任何挂起的调用,然后延迟$store.commit()调用,从而消除突变: 导出默认值{ 计算:{ 编辑注内容:{ get(){/*…*/}, 集合(文本){ //取消挂起的提交(如果有) clearTimeout(此.\u计时器) //300毫秒后提交最新文本 这个。_timer=setTimeout(()=>{ 此.$

我有一个带有tiptap文本编辑器的组件。我使用带有setter的computed属性将数据绑定到编辑器



这类问题的常见解决方案是调用,这会延迟回调事件。例如,您可以使用取消任何挂起的调用,然后延迟
$store.commit()
调用,从而消除突变:

导出默认值{
计算:{
编辑注内容:{
get(){/*…*/},
集合(文本){
//取消挂起的提交(如果有)
clearTimeout(此.\u计时器)
//300毫秒后提交最新文本
这个。_timer=setTimeout(()=>{
此.$store.commit(“Notes/updateCurrentNoteText”,text)
}, 300)
}
}
}
}

如果您可以将文本从存储区带到存储区,但只有在按下“保存”或“编辑”时才提交到存储区。@YJRB,是的,这是一种方式,但我尝试实现自动保存解决方案。它工作起来很有魅力!顺便说一句,我考虑过定时器,今天可能会实现它,但你的答案是很棒=)