Vuejs,带有setter freeze组件的计算属性

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

<template>
  <tiptap model="editNoteContent" extensions" />
</template>

<script>
export default {
  computed: {
    editNoteContent: {
      get() {
        return this.$store.state.Notes.currentNote.text;
      },
      set(text) {
        this.$store.commit("Notes/updateCurrentNoteText", text);
      },
    }
  },
}
</script>

当我快速输入大量文本时,我的组件就会冻结。我使用计算属性,因为我必须获取一些当前文本,然后才能更改它。有没有人知道这种情况下的最佳实践?我该如何解决这个问题?

转载请注明出处:http://www.intsu.net/article/20230427/2514682.html