From 73a46b08dc0830fec9fd614087897091b2fe6fa0 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Tue, 16 Apr 2024 10:44:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=B5=81=E5=BC=8F=E8=BE=93?=
 =?UTF-8?q?=E5=87=BA=E7=9A=84=E6=97=B6=E5=80=99input=E4=B8=8D=E8=83=BD?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chat/index.vue | 36 ++++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index f22db74..39c362b 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -93,7 +93,9 @@ function handleSubmit() {
 
 	}
 } */
-
+watch(prompt,()=>{
+	console.log(prompt.value,'prompt.value')
+})
 const API_URL = `${import.meta.env.VITE_APP_API_BASE_URL}/chat/completion`;
 const createParams = () => {
 	const messages = dataSources.value.map((x) => {
@@ -425,6 +427,7 @@ watch(dataSources,()=>{
   loading.value=false
 	scrollToBottom('auto')
 })
+const inputKey=ref(1)
 const customRequest = async (file) => {
   console.log(file,'file')
 	const res = await uploadImg({
@@ -469,7 +472,7 @@ const customRequest = async (file) => {
 			</div>
       </transition>
 
-			<div id="scrollRef" ref="scrollRef" class="h-full overflow-hidden overflow-y-auto">
+			<div id="scrollRef"  ref="scrollRef" class="h-full overflow-hidden overflow-y-auto">
 				<div
 					id="image-wrapper"
 					class="w-full max-w-screen-xl m-auto dark:bg-[#101014]"
@@ -485,8 +488,9 @@ const customRequest = async (file) => {
 					<template v-else>
 						<div>
 							<Message
+
 								v-for="(item, index) of dataSources"
-								:key="index"
+								:key="item.dateTime"
 								:date-time="item.dateTime"
 								:text="item.text"
 								:fileList="item.fileList"
@@ -615,17 +619,21 @@ const customRequest = async (file) => {
             @keypress="handleEnter"
           />			-->
 
-          <NInput
-              style="width:75%"
-            ref="inputRef"
-            v-model:value="prompt"
-            type="textarea"
-            size="large"
-            :placeholder="placeholder"
-            :autosize="{ minRows: 1, maxRows: isMobile ? 4 : 8 }"
-            @keypress="handleEnter"
-					>
-					</NInput>
+	<NInput
+		v-memo="[prompt]"
+		style="width:75%"
+		:key="inputKey"
+		ref="inputRef"
+		v-model:value="prompt"
+		type="textarea"
+		size="large"
+		:placeholder="placeholder"
+		:autosize="{ minRows: 1, maxRows: isMobile ? 4 : 8 }"
+		@keypress="handleEnter"
+	>
+	</NInput>
+
+
           <NButton color="#8a2be2" type="primary" size="large" :disabled="buttonDisabled"  @click="handleSubmit">
             <template #icon>
               <span class="dark:text-black" v-if="!loading">