美文网首页Vue
vue跳转外链后返回触发回调

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

作者: AAA前端 | 来源:发表于2023-02-27 16:15 被阅读0次

    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('yem     页面隐藏了')
                    } 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>
    

    相关文章

      网友评论

        本文标题:vue跳转外链后返回触发回调

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