uni-app使用web-view包装的页面,手机返回键是退去,修改改成页面返回
时间: 2023-10-25 18:02:46 浏览: 49
Uni-app使用Web-View包装的页面时,手机的返回键默认是退去,即关闭当前页面回到上一个页面。如果我们希望修改成页面返回,即点击返回键时只是回到上一个页面但不关闭当前页面,可以通过以下步骤实现。
首先,在uni-app的manifest.json文件中找到对应的页面配置。在该页面配置中,加入`"style": {"app-plus": {"backButtonAutoControl": "none"}}`,该配置表示不自动处理返回键的逻辑。
然后,在页面相关的vue文件中,定义一个新的方法,用于处理返回键的逻辑。可以命名为`goBack`。在该方法中,使用uni-app提供的API `uni.navigateBack()`,用于返回上一个页面,不关闭当前页面。
接下来,在该页面的生命周期方法`onBackPress()`中,调用我们定义的`goBack`方法。这样在用户点击返回键时,会触发`onBackPress`方法,从而调用`goBack`方法,实现页面返回的逻辑。
最后,在页面的mounted生命周期方法中,使用`uni.plusReady()`方法,保证在plus环境下初始化时绑定返回键的事件处理函数。在该方法中,使用`plus.key.addEventListener()`方法,监听返回键的点击事件,当点击返回键时,触发绑定的事件处理函数,即我们在`onBackPress`方法中定义的`goBack`方法。
通过以上步骤,我们成功修改了uni-app使用Web-View包装的页面的手机返回键的行为,实现了页面返回的逻辑。这样用户在点击返回键时,只会回到上一个页面但不关闭当前页面,提供了更好的用户体验。