[WHAT] 登入記住密碼 [WHY] 開發 ShowEasy 前台

FrontEnd/pages/user/index.vue

@@ -50,7 +50,7 @@
               <label class="tw-body-4 container-checkbox" for="remember">
                 {{ $t('Remember me')
                 }}
-                <input id="remember" type="checkbox" value="remember" />
+                <input id="remember" type="checkbox" value="remember" v-model="remember" />
                 <span class="checkmark"></span>
               </label>
             </div>
@@ -122,6 +122,7 @@
         wrongMessageActive: false,
         verifyEmailSent: false,
         valid: false,
+        remember: false,
         countdown: 60,
         userData: {
           Account: '',
@@ -135,7 +136,18 @@
         },
       }
     },
-    methods: {
+    watch: {
+        remember: {
+        handler: function () {
+          if (this.remember == true) {
+            this.$auth.$storage.setUniversal("userPassword", this.userData.Password);
+          }else{
+            this.$auth.$storage.removeUniversal("userPassword");
+          }
+        },
+      },
+    },
+      methods: {
       async userLogin() {
         let that = this;
         if (!that.$refs.loginFormRef.validate()) return;