uni-app 用户记住账号

阿金敲代码

已于 2023-04-24 14:42:03 修改

阅读量327

点赞数 1

文章标签： uni-app 前端 vue.js javascript

于 2023-04-24 14:02:23 首次发布

本文链接：https://blog.csdn.net/jinxueer_111018/article/details/130339492

版权

1.页面显示

               <view style="margin-top: 20rpx;">
                    <checkbox-group>
                        <label style="color: #977556;font-weight: bold;font-size: 20px;">
                            <checkbox value="psw" :checked='rememberPsw' @tap="rememberPsw 
                            =! rememberPsw"
                                color="#09CC86" />
                            记住账号
                        </label>
                    </checkbox-group>
                </view>

2.data全局定义

rememberPsw: true, //记住账号

3.将记住账号内容放在本地缓存中

                       if (_this.rememberPsw) {
                            uni.setStorageSync('loginName', _this.loginName);
                           
                        } else {
                            uni.removeStorageSync('loginName');
                            _this.loginName = "";
                        }

4.页面加载完成后获取本地缓存中的用户名/账号

     mounted() {
            //页面加载完成，获取本地存储的用户名及密码
            const loginName = uni.getStorageSync('loginName');
            if (loginName) {
                this.loginName = loginName;
            } else {
                this.loginName = "";
            }
        },