app中跳转到手机浏览器，部分手机白屏解决（Vue）

最新推荐文章于 2024-04-26 16:47:03 发布

武良神

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量1.2k

点赞数 2

文章标签： vue.js html5 jquery

本文链接：https://blog.csdn.net/weixin_52361730/article/details/110928077

版权

在app的开发中，点击某个按钮然后跳转到浏览器中，部分手机会显示白屏问题，在查阅了很多文档，经过不断地尝试，找到了解决方法，
我们可以放弃后缀名为 .vue文件，采用.html,使用原生的vue框架就可以解决这个问题了。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }
       
    </style>
</head>

<body>
    <div id="app">
          
    </div>
</body>

</html>
<!-- 引入组件库 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    new Vue({
        el: '#app',
        created() {
        //这个方法可以接受地址栏中的参数，GetQueryString,但是只能接收地址栏为？的参数方式
        //http://192.168.0.1/index.html?id=1
            this.id = this.GetQueryString("id");
            this.list();
        },
        data() {
            return {
               
            }
        },
        methods: {
            list() {
               
            },
            GetQueryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]); return null;
            }
        },
    })


</script>

武良神

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
app中跳转到手机浏览器，部分手机白屏解决（Vue）

在app的开发中，点击某个按钮然后跳转到浏览器中，部分手机会显示白屏问题，在查阅了很多文档，经过不断地尝试，找到了解决方法，我们可以放弃后缀名为 .vue文件，采用.html,使用原生的vue框架就可以解决这个问题了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
复制链接

扫一扫