diff --git a/frontend/src/views/database/mysql/setting/index.vue b/frontend/src/views/database/mysql/setting/index.vue
index 09997fe2c..23a410b11 100644
--- a/frontend/src/views/database/mysql/setting/index.vue
+++ b/frontend/src/views/database/mysql/setting/index.vue
@@ -304,7 +304,7 @@ const loadVariables = async () => {
     variablesRef.value!.acceptParams({
         type: props.type,
         database: props.database,
-        mysqlVersion: mysqlVersion.value,
+        version: mysqlVersion.value,
         variables: res.data,
     });
 };
diff --git a/frontend/src/views/database/mysql/setting/variables/index.vue b/frontend/src/views/database/mysql/setting/variables/index.vue
index b39e9caf4..76c344926 100644
--- a/frontend/src/views/database/mysql/setting/variables/index.vue
+++ b/frontend/src/views/database/mysql/setting/variables/index.vue
@@ -76,7 +76,7 @@
                         </el-input>
                         <span class="input-help">{{ $t('database.readRndBufferSizeHelper') }}</span>
                     </el-form-item>
-                    <el-form-item v-if="showCacheSize" label="query_cache_size" prop="query_cache_size">
+                    <el-form-item v-if="showCacheSize()" label="query_cache_size" prop="query_cache_size">
                         <el-input clearable v-model.number="mysqlVariables.query_cache_size">
                             <template #append>MB</template>
                         </el-input>
@@ -303,7 +303,7 @@ const onSaveVariables = async () => {
 };
 
 const showCacheSize = () => {
-    return currentDB.version.startsWith('5.7');
+    return currentDB.version?.startsWith('5.7');
 };
 defineExpose({
     acceptParams,