diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index 2b7ab94cd9b..2aee72cd43a 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -187,7 +187,7 @@
               </a-form-item>
               <a-form-item :label="$t('label.associatednetwork')" ref="associatednetworkid" name="associatednetworkid">
                 <a-select
-                  v-model:value="form.associatednetwork"
+                  v-model:value="form.associatednetworkid"
                   showSearch
                   optionFilterProp="label"
                   :filterOption="(input, option) => {
@@ -738,8 +738,8 @@ export default {
         if (data.vlan && String(data.vlan).length > 0) {
           params.vlan = data.vlan
         }
-        if (data.associatednetwork) {
-          params.associatednetworkid = data.associatednetwork
+        if (data.associatednetworkid) {
+          params.associatednetworkid = data.associatednetworkid
         }
 
         api('createPrivateGateway', params).then(response => {