Vben admin 实现登录记住密码

安装插件

npm i js-cookie

在登陆文件中引入

import Cookies from "js-cookie";

Dom部分

<FormItem>
  <!-- 记住密码按钮 -->
   <Checkbox v-model:checked="remember" size="small">
     {
   
   {
   
    t('sys.login.rememberMe') }}
   </Checkbox>
 </FormItem>

Ts部分

1、定义字段

// 定义记住密码开关
const remember = ref(false);
// 定义用户名和密码
const formData = reactive({
   
   
    account: '',
    password: '',
  });

2、页面加载调用记住密码方法

 onMounted(() => {
   
   
    getCookie()
  })

3、 获取Cookie 记住用户名及密码