使用uni-app的uni.setStorageSync()和uni.getStorageSync()方法來存儲和讀取密碼文章來源地址http://www.zghlxwxcb.cn/news/detail-610385.html

1. 在登錄頁中添加一個記住密碼的u-checkbox選項，并在data里面添加一個rememberPwd的布爾值，在每次點擊記住密碼change的時候來記錄用戶的選擇
   

	<u-checkbox-group placement="column">
	  <u-checkbox
	    v-model="rememberPwd"
	    @change="rememberChange"
	    :checked="rememberPwd"
	    label="記住密碼"
	    name="yes"
	  >
	  </u-checkbox>
	</u-checkbox-group>

	data() {
	  return {
	    loginForm: {
	      username: "",
	      password: "",
	    },
	    rememberPwd: false,
	  };
	},
	methods: {
	  rememberChange(i) {
	    this.rememberPwd = i;
	  },
	}

2. 在點擊登錄按鈕執(zhí)行的事件中，使用uni.setStorageSync()方法將【用戶名、密碼、記住密碼】存儲在本地緩存中

	// 登錄邏輯后
	if (this.rememberPwd) {
	  uni.setStorageSync("HBremember", this.rememberPwd);
	  uni.setStorageSync("HBusername", this.loginForm.username);
	  uni.setStorageSync("HBpassword", this.loginForm.password);
	} else {
	  // 銷毀緩存中的賬號、密碼
	  uni.removeStorageSync("HBremember");
	  uni.removeStorageSync("HBusername");
	  uni.removeStorageSync("HBpassword");
	}
	// 再進行跳轉等動作

3. 在登錄頁的onLoad事件中，使用uni.getStorageSync()方法檢查本地緩存中是否存儲了rememberPwd的值，如果存儲了，則將它賦值給rememberPwd的屬性，再取和賦值用戶名和密碼

  onLoad() {
    //取出緩存中的賬號、密碼
    const HBremember = uni.getStorageSync("HBremember");
    const HBusername = uni.getStorageSync("HBusername");
    const HBpassword = uni.getStorageSync("HBpassword");
    if (HBremember && HBusername && HBpassword) {
      this.loginForm.username = HBusername;
      this.loginForm.password = HBpassword;
      this.rememberPwd = HBremember;
    }
  },

到了這里，關于【uni-app2.0】實現(xiàn)登錄頁記住密碼功能的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！