From d16be6fb7ddeedd2d47e7480ffda103d76e5abea Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Tue, 14 Jun 2022 10:49:30 +0800
Subject: [PATCH] Fix and use null as authMethod None instead of empty string

---
 src/pages/EditMonitor.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 4c11a9e55..bf0b5655c 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -375,7 +375,7 @@
                                 <div class="my-3">
                                     <label for="method" class="form-label">{{ $t("Method") }}</label>
                                     <select id="method" v-model="monitor.authMethod" class="form-select">
-                                        <option value="">
+                                        <option :value="null">
                                             None
                                         </option>
                                         <option value="basic">
@@ -386,7 +386,7 @@
                                         </option>
                                     </select>
                                 </div>
-                                <template v-if="monitor.authMethod && monitor.authMethod !== '' ">
+                                <template v-if="monitor.authMethod && monitor.authMethod !== null ">
                                     <div class="my-3">
                                         <label for="basicauth" class="form-label">{{ $t("Username") }}</label>
                                         <input id="basicauth-user" v-model="monitor.basic_auth_user" type="text" class="form-control" :placeholder="$t('Username')">
@@ -597,6 +597,7 @@ export default {
                     mqttPassword: "",
                     mqttTopic: "",
                     mqttSuccessMessage: "",
+                    authMethod: null,
                 };
 
                 if (this.$root.proxyList && !this.monitor.proxyId) {