兄弟组件传值、浏览器缓存、Android app登录页因弹起键盘导致页面布局变化等多种问题总结

一周总结:这周拿到一套web前端app代码,封装的方法超级多,对于我这边菜鸟前端看代码十分的困难,
遇到了一些菜鸟可能会遇到的问题,也是为了自己的提高,总结一下
1.第一点最常用的兄弟组件传值的问题
2.组件请求到的数据的存储
3.Android app登录页因弹起键盘导致页面布局变化的问题
解决办法:

1 兄弟组件传值的方法有很多种,我这边就不一一列举了,我是使用的vuex状态管理来实现的,也顺便复习一个vuex。
2 在组件内请求到的数据是无法使用vuex来存储的,通过vuex只能在组件内拿到,一刷新页面就会导致数据消失,所以这里我是使用缓存 localStorage 来处理的,缓存有一定的安全性问题,需要大家注意
3.可以通过将页面没挤压前的高度,绑定给最大的div,一旦高度变化将强制改变压缩后的高度为没变化之前的高度
1.1先安装vuex

npm install vuex --save或cnpm install vuex --save
1.2新建一个store的文件夹,里面新建store.js文件

在这里插入图片描方述
1.3在main里注册vuex

在这里插入图片描述
在这里插入图片描述

1.4传值前首先要在store里配一下

在这里插入图片描述
1.5然后在组件A里先在data里命名一个值,然后通过事件来将这个值的赋值给store

在这里插入图片描述
在这里插入图片描述
1.6然后到组件B

如果要展示在页面
在这里插入图片描述
如果要在方法里使用,直接 this.store.state.zt
2组件请求到的数据的存储的问题

不bb了,上来直接写解决方案

在这里插入图片描述
命名赋值,等号后面跟的是数据,
在这里插入图片描述
在这里查看是否缓存到

如何使用

在这里插入图片描述
3Android app登录页因弹起键盘导致页面布局变化的问题

作者:Eddina Chen
来源:CSDN
原文:https://blog.csdn.net/benben513624/article/details/86660121
版权声明:本文为博主原创文章,转载请附上博文链接!

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值