From dce3b8ec5810725798d7df0564cf7b6c4bbb74d0 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 22 Jan 2026 15:26:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E6=90=9C=E7=B4=A2=E6=8A=A5=E9=94=99=20-=20As?=
 =?UTF-8?q?signment=20to=20constant=20variable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题：使用 v-model 绑定 reactive 对象时，Vue 尝试重新赋值整个对象导致报错

解决方案：
- 将所有 TaskFilters 组件的 v-model 改为 :model-value 和 @update:model-value
- 在事件处理函数中使用 Object.assign 来更新 reactive 对象的属性，而不是重新赋值整个对象
- 修复了 filters、reviewFilters、inProgressFilters、completedFilters、publishedFilters、draftsFilters 的绑定方式
---
 frontend/src/views/TaskHall.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index 6d29786..1c72c03 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -71,7 +71,8 @@
           <a-tab-pane key="available" tab="可接任务">
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="filters"
+              :model-value="filters"
+              @update:model-value="(value) => Object.assign(filters, value)"
               :stats-text="`共 ${total} 个任务`"
               :sort-options="availableSortOptions"
               :status-options="availableStatusOptions"
@@ -331,7 +332,8 @@
             </template>
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="reviewFilters"
+              :model-value="reviewFilters"
+              @update:model-value="(value) => Object.assign(reviewFilters, value)"
               :stats-text="`共 ${reviewTotal} 个待审核任务`"
               :sort-options="reviewSortOptions"
               :status-options="reviewStatusOptions"
@@ -630,7 +632,8 @@
             </template>
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="inProgressFilters"
+              :model-value="inProgressFilters"
+              @update:model-value="(value) => Object.assign(inProgressFilters, value)"
               :stats-text="`共 ${inProgressTotal} 个进行中任务`"
               :sort-options="inProgressSortOptions"
               :status-options="inProgressStatusOptions"
@@ -955,7 +958,8 @@
             </template>
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="completedFilters"
+              :model-value="completedFilters"
+              @update:model-value="(value) => Object.assign(completedFilters, value)"
               :stats-text="`共 ${completedTotal} 个已完成任务`"
               :sort-options="completedSortOptions"
               :show-status="false"
@@ -1302,7 +1306,8 @@
             </template>
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="publishedFilters"
+              :model-value="publishedFilters"
+              @update:model-value="(value) => Object.assign(publishedFilters, value)"
               :stats-text="`共 ${publishedTotal} 个任务`"
               :sort-options="publishedSortOptions"
               :status-options="publishedStatusOptions"
@@ -1669,7 +1674,8 @@
             </template>
             <!-- 搜索和筛选栏（使用公共组件） -->
             <TaskFilters
-              v-model="draftsFilters"
+              :model-value="draftsFilters"
+              @update:model-value="(value) => Object.assign(draftsFilters, value)"
               search-placeholder="搜索草稿任务..."
               :stats-text="`共 ${draftsTotal} 个草稿`"
               :sort-options="draftsSortOptions"