UI: Fix template is deselected if other zone is selected (#6415)

ui/src/views/compute/DeployVM.vue

@@ -146,6 +146,7 @@
                           :selected="tabKey"
                           :loading="loading.templates"
                           :preFillContent="dataPreFill"
+                          :key="templateKey"
                           @handle-search-filter="($event) => fetchAllTemplates($event)"
                           @update-template-iso="updateFieldValue" />
                          <div>
@@ -736,6 +737,7 @@ export default {
       clusterId: null,
       zoneSelected: false,
       dynamicscalingenabled: true,
+      templateKey: 0,
       vm: {
         name: null,
         zoneid: null,
@@ -1285,6 +1287,9 @@ export default {
     }
   },
   methods: {
+    updateTemplateKey () {
+      this.templateKey += 1
+    },
     initForm () {
       this.formRef = ref()
       this.form = reactive({})
@@ -1463,7 +1468,6 @@ export default {
           }
         })
       }
-
       this.fetchBootTypes()
       this.fetchBootModes()
       this.fetchInstaceGroups()
@@ -2117,6 +2121,7 @@ export default {
       } else {
         this.fetchAllIsos()
       }
+      this.updateTemplateKey()
       this.formModel = toRaw(this.form)
     },
     onSelectPodId (value) {