登录模块开发

穿越到未来calc

已于 2022-08-16 09:53:26 修改

阅读量413

点赞数

分类专栏：同态科技文章标签：前端 javascript vue.js

于 2022-08-04 18:02:45 首次发布

本文链接：https://blog.csdn.net/qq_52179917/article/details/126158376

版权

同态科技专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1. vue create login_demo

2. 安装eleement plus 官网;https://element-plus.gitee.io/zh-CN/

3. 快速实现登录模块的上下左右居中对齐，给父盒子添加如下属性：

width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;

完整代码：

<style>
        body{
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        div{
            width: 100px;
            height: 100px;
            background-color: black;
           
        }
</style>
<body>  
    <div class="boc"></div>
</body>

4. vue中：@click.stop：阻止事件冒泡；@click.prevent：阻止事件的默认行为

5. 存入session：

 sessionStorage.setItem(
    "user",
    JSON.stringify(data)
 );

6. 在另一组件取：

user: JSON.parse(sessionStorage.getItem("user")),
//打印
 setup() {
    onMounted(()=>{
      console.log(JSON.parse(sessionStorage.getItem("user")))
    });
}