美文网首页
uni-app中Webview内部如何实现手势返回上一页

uni-app中Webview内部如何实现手势返回上一页

作者: Poppy11 | 来源:发表于2023-03-21 09:42 被阅读0次

思想主要就就是调用webview的back方法,返回路由表的上一页,使用drag api,实现右滑到一个空的webview,然后监听,监听滑动事件结束,返回上一页。

onReady() {
            var currentWebview = this.$scope.$getAppWebview();
            const backRouter = throttle(e => {
                reloadView.back()
            }, 2000, {
                "trailing": false
            })
            setTimeout(() => {
                reloadView = currentWebview.children()[0];
                reloadView.drag({
                    direction: 'right',
                    moveMode: 'silent'
                }, {
                    view: "nullView",
                    moveMode: 'follow'
                }, (e) => {
                    if (e.type === 'end') {
                        backRouter(e)
                    }
                });
            }, 1000);
        },

        onBackPress(e) {
            this.$scope.$getAppWebview().children()[0].back();
            return true;
        },

相关文章

网友评论

      本文标题:uni-app中Webview内部如何实现手势返回上一页

      本文链接:https://www.haomeiwen.com/subject/ocqmrdtx.html