uniapp在h5端如何实现,浏览器刷新后,返回上一页的问题
时间: 2023-05-04 19:07:09 浏览: 1327
uniapp+Html5端实现PC端适配
3星 · 编辑精心推荐
在uni-app中,可以通过uni.navigateTo和uni.redirectTo两个API路由方式实现页面跳转。其中,uni.navigateTo跳转后可以通过浏览器的返回按钮返回上一页,但是在浏览器中刷新页面后,不能保留跳转的历史记录,因此返回上一页也不可用。
对于这个问题,可以通过使用uni-back后退组件来解决。这个组件可以保存每个页面的浏览历史记录,即使在浏览器中刷新页面,也可以返回上一页。
使用uni-back组件需要在App.vue中引入并添加到页面底部,如下所示:
```
<template>
<div>
<router-view></router-view>
<uni-back></uni-back>
</div>
</template>
<script>
import UniBack from '@/components/uni-back/uni-back.vue'
export default {
components: {
UniBack
}
}
</script>
```
通过这样的方式,无论在哪个页面,都可以通过点击底部的返回按钮来返回上一页,即使浏览器中刷新了页面也可以正常使用。
阅读全文