chore: markdown直接v-model改变值保持与编辑器的同步

2024-12-08 19:18:09 +08:00 · 2024-12-08 19:18:09 +08:00 · 41b415362c
commit 41b415362c
parent 1178f7a0bf
1 changed files with 7 additions and 0 deletions
--- a/packages/effects/common-ui/src/components/markdown/editor.vue
+++ b/packages/effects/common-ui/src/components/markdown/editor.vue
@ -82,6 +82,13 @@ const content = defineModel('value', {
  type: String,
  default: '',
 });
+/**
+ * 为了保持外部直接(v-model)与编辑器内部的同步
+ * 注意: 下面的input事件也会触发watch
+ */
+watch(content, (value) => {
+  vditorInstance.value?.setValue(value);
+});

 // 监听禁用
 function changeDisabled(disabled: boolean) {