diff --git a/web/src/views/ChatPlus.vue b/web/src/views/ChatPlus.vue
index ab97842c..da58cb5f 100644
--- a/web/src/views/ChatPlus.vue
+++ b/web/src/views/ChatPlus.vue
@@ -83,7 +83,7 @@
         <div class="chat-head">
           <div class="chat-config">
             <span class="role-select-label">聊天角色：</span>
-            <el-select v-model="roleId" filterable placeholder="角色" class="role-select">
+            <el-select v-model="roleId" filterable placeholder="角色" class="role-select" @change="handleRoleChange">
               <el-option
                   v-for="item in roles"
                   :key="item.id"
@@ -97,7 +97,7 @@
               </el-option>
             </el-select>
 
-            <el-select v-model="modelID" placeholder="模型">
+            <el-select v-model="modelID" placeholder="模型" @change="handleModelChange">
               <el-option
                   v-for="item in models"
                   :key="item.id"
@@ -390,6 +390,24 @@ const newChat = function () {
   connect(null, roleId.value)
 }
 
+const handleModelChange = function() {
+  const selectedModel = getModelValue(modelID.value);
+  // console.log(selectedModel);
+  if (selectedModel) {
+    // 在这里对选中的模型进行处理
+    newChat();
+  }
+}
+
+const handleRoleChange = function() {
+  const selectedRole = getRoleById(roleId.value);
+  // console.log(selectedRole);
+  if (selectedRole) {
+    // 在这里对选中的角色进行处理
+    newChat();
+  }
+}
+
 // 切换会话
 const changeChat = (chat) => {
   localStorage.setItem("chat_id", chat.chat_id)