diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 5c4f446..a76ca65 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {ref, nextTick, watch, computed} from 'vue'
+import {ref, nextTick, computed} from 'vue'
 import {ElMessage} from 'element-plus'
 import {ElMessageBox} from 'element-plus'
 import {SelectPath, GetConfig, WriteConfig, StartUpload, StopUpload} from '../wailsjs/go/main/App';
@@ -93,6 +93,25 @@ const clearLog = () => {
   })
 }
 
+const writeServerUrl =() => {
+  WriteConfig("url", serverUrl.value)
+}
+const writeToken =() => {
+  WriteConfig("token", token.value)
+}
+const writeCheckDir = () => {
+  WriteConfig("check-dir", checkDir.value)
+}
+const writeConcurrentFiles = () => {
+  WriteConfig("handle-file-count", concurrentFiles.value)
+}
+const writeUploadThreads =() => {
+  WriteConfig("thread-count", uploadThreads.value)
+}
+const writeAutoStart = () => {
+  WriteConfig("is-run-on-start", autoStart.value)
+}
+
 // 加载配置
 try {
   GetConfig().then((config: Config) => {
@@ -109,25 +128,6 @@ try {
   console.log(e)
 }
 
-watch(serverUrl, () => {
-  WriteConfig("url", serverUrl.value)
-})
-watch(token, () => {
-  WriteConfig("token", token.value)
-})
-watch(checkDir, () => {
-  WriteConfig("check-dir", checkDir.value)
-})
-watch(concurrentFiles, () => {
-  WriteConfig("handle-file-count", concurrentFiles.value)
-})
-watch(uploadThreads, () => {
-  WriteConfig("thread-count", uploadThreads.value)
-})
-watch(autoStart, () => {
-  WriteConfig("is-run-on-start", autoStart.value)
-})
-
 EventsOn("is-run", (run) => {
   isRunning.value = run
 })
@@ -144,34 +144,34 @@ EventsOn("log", (msg) => {
     <div class="left-panel">
       <div class="form-item">
         <label>服务器地址</label>
-        <el-input v-model="serverUrl" placeholder="请输入服务器地址" :disabled="isRunning"/>
+        <el-input v-model="serverUrl" placeholder="请输入服务器地址" :disabled="isRunning" @change="writeServerUrl()"/>
       </div>
 
       <div class="form-item">
         <label>Token</label>
-        <el-input v-model="token" placeholder="请输入Token" :disabled="isRunning"/>
+        <el-input v-model="token" placeholder="请输入Token" :disabled="isRunning" @change="writeToken()"/>
       </div>
 
       <div class="form-item">
         <label>检测目录</label>
         <div class="dir-input">
-          <el-input v-model="checkDir" placeholder="请选择检测目录" :disabled="isRunning"/>
+          <el-input v-model="checkDir" placeholder="请选择检测目录" :disabled="isRunning" @change="writeCheckDir()"/>
           <el-button @click="selectDirectory" :disabled="isRunning">选择目录</el-button>
         </div>
       </div>
 
       <div class="form-item">
         <label>同时处理文件数</label>
-        <el-input-number v-model="concurrentFiles" :min="1" :max="100" :disabled="isRunning"/>
+        <el-input-number v-model="concurrentFiles" :min="1" :max="100" :disabled="isRunning" @change="writeConcurrentFiles()"/>
       </div>
 
       <div class="form-item">
         <label>单文件上传线程</label>
-        <el-input-number v-model="uploadThreads" :min="1" :max="100" :disabled="isRunning"/>
+        <el-input-number v-model="uploadThreads" :min="1" :max="100" :disabled="isRunning" @change="writeUploadThreads()"/>
       </div>
 
       <div class="form-item">
-        <el-checkbox v-model="autoStart" label="运行时自动启动上传" size="large" :disabled="isRunning"/>
+        <el-checkbox v-model="autoStart" label="运行时自动启动上传" size="large" :disabled="isRunning" @change="writeAutoStart()"/>
       </div>
 
       <div class="form-item">