vue跳转外链后返回触发回调

h5使用

new Vue({
        el: '#app',
        data: {
        },
        created () {
            console.log('created-什么周期')
        },
        async mounted () {
            window.addEventListener(
                "pageshow",
                function () {
                    console.log("页面重新显示");
                },
                false
            );
        },
        methods: {
            jumpTn () {
                window.location.href = 'https://www.baidu.com'
            }
        }
    })

h5和小程序webview跳转其他webview都能使用

<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
    var vConsole = new VConsole();
    new Vue({
        el: '#app',
        data: {
        },
        created () {
            console.log('created-什么周期')
        },
        async mounted () {
            document.addEventListener("visibilitychange", function () {
                console.log('触发了visibilitychange')
                if (document.visibilityState === 'visible') {
                    console.log('页面显示了')
                } else {
                    console.log('页面隐藏了')

                }
            });
        },
        methods: {
            jumpTn () {
                // window.location.href = 'https://www.baidu.com'
                wx.miniProgram.navigateTo({
                    url: '/pages/webPage/webPage?pageSrc=' + encodeURIComponent('https://www.baidu.com'),
                });
            }
        }
    })
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容