在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>