- VUE中组件缓存keepalive与routerView结合实现缓存界面后如何刷新?
项目为VUE项目,需求是当频繁切换两个界面时候,接口不重复调用,即界面不刷新。 例如:列表 -》详情A -》列表 -》详情A,这样频繁切换不会重复去调用接口与刷新界面。 但是如果是 列表 -》详情A -》列表 -》详情B ,这个时候详情就需要根据列表传递过来得id或者其他参数进行调用接口, 详情A B,是同一个界面,但是数据不一样,界面展示不一样。 这是根视图,home中得写法 <transition name="fade-transform" mode="out-in"> <keep-alive> <router-view class="router-view" v-if="$route.meta.keepAlive"></router-view> </keep-alive> </transition> <transition name="fade-transform" mode="out-in"> <router-view class="router-view" v-if="!$route.meta.keepAlive"></router-view> </transition> 在根试图中添加 keep-alive与路由中keepAlive结合使用,可以选择是否刷新, 下面是路由写法 { path: 'list', name: 'ssmListScreenQuery', component: () => import('../list/seeCase.vue'), meta: { title: '列表', keepAlive: true, icon: 'el-icon-document' }, }, { path: 'list/caseDetail', name: 'case-detail', component: () => import('../list/caseDetail.vue'), meta: { title: '详情', keepAlive: true, icon: 'el-icon-refresh' }, }, 完成这个基本上就实现了,列表 -》详情A -》列表 -》详情A不刷新不请求接口问题 但是难点就是列表 -》详情A -》列表 -》详情B 详情什么时候刷新什么时候不刷新, 按照目前代码,当跳转到详情B时候,显示得是A的数据, 由列表进详情传递得有一个id值,这个时候路由地址中传参是不一样的,但是界面显示得是第一次进来缓存得样式及数据。 目前想到的思路就是在单个vue文件中加监听事件,来判断是否刷新与调用,但是这样改造起来太麻烦了, 项目已经开发完了,是优化,不建议修改单个文件, 所以请问各位大佬 有没有能在根试图中添加什么东西,来判断是否要刷新? 满足我得需求
2022-02-18 - 输入框placeholder属性层级如何修改?
[图片] 底部tabbar是模拟出来的,只有input的placeholder层级顶出来了,该如何解决? https://developers.weixin.qq.com/community/develop/doc/cee01a3c55a16a3cc0309403ab6c98ae 跟这个帖子是一样的问题,但是没有解决的方式
2020-10-20 - 如何给循环添加出来的dom,添加动画?
[图片][图片] 我现在遇到的问题是,dom元素是通过循环出来的,我想要移动某一个元素的位置。其他元素位置不变,但是我在调用动画函数时,所有循环出来的dom都移动了,我想要只移动我选中的那一个。该怎么操作???求助各位大佬
2020-07-02 - 分享出去的页面为什么无法登陆?
要求是写一个发放红包的功能,分享出去以后,如果没登录不能领取红包,登录后则可以领取。分享出去的链接,别人如果是正常在线状态是可以领取,是正常的。如果没有登陆就先登录在领取,问题就是分享出去的无法登陆。以前分享的可以登陆,这两次通过分享都无法登陆,登录页面还是原来的页面。通过扫二维码体验版也可以登陆。多次测试后得到的原因是在登录页面无法获取到全局pid
2020-02-17 - 代码样式ios显示不正常?
<view class="swiperTop positionFixed"> <swiper circular autoplay indicator-dots interval="4000" style="width: 750rpx; height: 500rpx;"> <block wx:for="{{goodsDetail.url_banner_images}}" wx:key="index"> <swiper-item> <view> <image class="swiperTopImage" src="{{item}}"></image> </view> </swiper-item> </block> </swiper> </view> <scroll-view style="background: #fff;margin:500rpx 0 168rpx 0;z-index:1;"> <view> <view style="background:#fff;"> <view style="width:100%;height:40rpx;"></view> <view class="fontTitle"> <view class="fontLabel"> {{goodsDetail.label}} </view> <view class="fontPrice" wx:if='{{shopStatus == 0}}' class="goodsPrice">¥{{goodsDetail.price}}</view> <view class="fontPrice" wx:if='{{shopStatus == 1}}' class="goodsPrice">{{goodsDetail.price}} 积分</view> </view> <view class="titleFont"> {{goodsDetail.name}} </view> <view> <rich-text nodes="{{content}}" space="ensp"></rich-text> </view> </view> </view> </scroll-view> <view class="positionFixed personBtn"> <button class="btn5" bindtap="bugGoods" hover-class="btnOpacity"> 立即购买 </button> </view> [图片]在安卓显示正常,只有在ios中不正常。下边文字应该在轮播图图层的上方。偶尔会出现文字在轮播图图层下方。下方文字区域不固定内容多少,是我的代码有问题吗?请求大佬帮助
2020-01-06 - 登录状态掉线,token为空?
各位大佬,微信小程序中遇到一个问题,是token消失,然后造成的掉线, 我把账号信息token等放在本地存储中,然后需要用的时候获取这个信息,但是出现了掉线状态 多方面排查,得新出的结论是token莫名其妙的会为空,以经排查过多次了,没有使用removeStorage或者removeStorageSync这两个方法,只有本地中的token没有,其他的缓存都有,请问这是什么原因造成的,或者说我该写个什么样的方法阻止这种情况。先谢谢各位大佬
2019-12-26