From 0fc71531696d29efc4721ac6fe43433a55634de8 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <1paneldev@sina.com>
Date: Thu, 27 Nov 2025 11:39:37 +0800
Subject: [PATCH] fix: Fixed issue with edit runtime port failed

---
 .../views/website/runtime/components/port/index.vue    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/website/runtime/components/port/index.vue b/frontend/src/views/website/runtime/components/port/index.vue
index 2d5efce26f4b..56983ecd129d 100644
--- a/frontend/src/views/website/runtime/components/port/index.vue
+++ b/frontend/src/views/website/runtime/components/port/index.vue
@@ -13,7 +13,11 @@
             </el-col>
             <el-col :span="7">
                 <el-text>{{ $t('app.allowPort') }}</el-text>
-                <el-switch class="ml-1" v-model="port.hostIP" :active-value="''" :inactive-value="'127.0.0.1'" />
+                <el-switch
+                    class="ml-1"
+                    :model-value="port.hostIP === ''"
+                    @update:model-value="handleSwitchChange($event, index)"
+                />
             </el-col>
             <el-col :span="2">
                 <el-form-item>
@@ -47,6 +51,10 @@ const rules = reactive<FormRules>({
     port: [Rules.requiredInput, Rules.paramPort, checkNumberRange(1, 65535)],
 });
 
+const handleSwitchChange = (value: boolean, index: number) => {
+    props.exposedPorts[index].hostIP = value ? '' : '127.0.0.1';
+};
+
 const addPort = () => {
     props.exposedPorts.push({
         hostPort: undefined,