uni-app状态改变页面不刷新

最新推荐文章于 2023-11-17 12:11:11 发布

原创最新推荐文章于 2023-11-17 12:11:11 发布 · 5.2k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍在uni-app中解决状态改变后页面不刷新的问题，通过使用页面重定向及延时器，确保操作成功提示可见，适用于带有参数的页面路由。

uni-app状态改变页面不刷新解决

最近在写uni-app项目的时候遇到了很多一波操作之后需要刷新页面的问题，用过好几种方法似乎都不起作用，最后通过对页面重定向之后解决了。具体用法很简单，话不多说，直接贴代码

this.$request(param).then(res => {
  				if (res.state == 200) {
  					this.$refs.popSettle.close()
  					uni.showToast({
  						title:'操作成功！'
  					})
  					setTimeout(()=>{
  						uni.redirectTo({
  							url:'/pages/shopping_center/settleDetail?billSn='+this.billSn,
  						})
  					},1500)
  				} else {
  					this.$api.msg(res.msg);
  				}
  			})

这里有两处说明：
一、如果当页面路由是有参数的，重定向时直接把参数带上即可
二、加延时器的作用是因为关闭popup弹出层后给出提示"操作成功！"，这里提示时间延时默认是1500ms,如果不加延时器则调完接口后就直接跳转了，提示信息就看不见了。

最后，希望这篇文章能帮助到你！哈哈哈！