fix(mention): 修复Mention 组件的联想文字选中后应替换触发输入的联想文本，而非追加 #1303

DevCloudFE · Sep 5, 2022 · 7c3bafe · 7c3bafe
1 parent c25fb4a
commit 7c3bafe
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/devui-vue/devui/mention/src/mention.tsx b/packages/devui-vue/devui/mention/src/mention.tsx
@@ -67,7 +67,7 @@ export default defineComponent({
  e.stopPropagation();
  e.preventDefault();
  showSuggestions.value = false;
- textContext.value += item[props.dmValueParse.value as keyof IMentionSuggestionItem];
+ textContext.value = textContext.value.substring(0, 1) + item[props.dmValueParse.value as keyof IMentionSuggestionItem];
  };
 
  const arrowKeyDown = (e: KeyboardEvent) => {
@@ -102,7 +102,9 @@ export default defineComponent({
  e.stopPropagation();
  e.preventDefault();
  showSuggestions.value = false;
- textContext.value += filteredSuggestions.value[currentIndex.value][props.dmValueParse.value as keyof IMentionSuggestionItem];
+ textContext.value =
+ textContext.value.substring(0, 1) +
+ filteredSuggestions.value[currentIndex.value][props.dmValueParse.value as keyof IMentionSuggestionItem];
  emit('select', filteredSuggestions.value[currentIndex.value]);
  }
  }