From 42f61f60fbd11c2cc0190eb26463e1d128bda9b1 Mon Sep 17 00:00:00 2001
From: CityFun <31820853+zhengkunwang223@users.noreply.github.com>
Date: Thu, 27 Nov 2025 11:51:24 +0800
Subject: [PATCH] fix: Fixed issue with edit runtime port failed (#11096)

Refs https://github.com/1Panel-dev/1Panel/issues/11091
---
 .../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 2d5efce26..56983ecd1 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,