就是去掉,以string替代
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>关于我们</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="css/app.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/vue.min2.2.js"></script>
<script type="text/javascript" src="js/axios.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script> 这个要加
<style>
.title {
margin: 20px 15px 10px;
color: #6d6d72;
font-size: 15px;
}
</style>
</head>
<body style="background: #F9F7EC;">
<script src="js/mui.min.js"></script>
<script>
// 监听tap事件,解决 a标签 不能跳转页面问题
mui('body').on('tap', 'a', function() {
document.location.href = this.href;
});
</script>
<header class="mui-bar mui-bar-nav" style="background: #F9F7EC;">
<a href="index.html" class="mui-icon mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#000000"></a>
<h1 class="mui-title">关于我们</h1>
</header>
<div class="mui-content" style="background: #F9F7EC;" id="app">
<div class="title">
{{message}}
</br>
{{sites.description}}
</br>
</div>
<div class="title">
<p>点击下载地标客户端</p>
</div>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right" href="https://itunes.apple.com/cn/app/%E5%85%B5%E9%A9%AC%E4%BF%91%E6%99%BA%E6%85%A7%E5%AF%BC%E8%A7%88/id1204185313?mt=8">
<img class="mui-media-object mui-pull-left" src="images/ios.png">
<div class="mui-media-body">
ios 地标客户端下载
<p class='mui-ellipsis'>点击下载跳转到苹果市场下载app.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class='mui-navigate-right' href="http://dl-api.smart-museum.cn:800/download/zhdlbmy.apk">
<img class="mui-media-object mui-pull-left" src="images/android.png">
<div class="mui-media-body">
android 地标客户端下载
<p class='mui-ellipsis'>点击后直接下载app。</p>
</div>
</a>
</li>
</ul>
</br>
</br>
</div>
<script>
window.onload = function() {
var vm = new Vue({
el: '#app',
data: {
message: "",
sites: []
},
methods: {
getAbout: function() {
var self = this;
var params = "funcName=aboutUsInfo";//new URLSearchParams(paramsString);
//params.append('funcName', 'aboutUsInfo')
//alert(params);
axios.post('curl.php', params).then(function(response) {
self.sites =response.data.payload.Info;// JSON.parse(JSON.stringify(response.data.payload.Info));
self.message =response.data.payload.msg;// JSON.parse(JSON.stringify(response.data.payload.msg));
//var s = JSON.prse(response.data.payload.msg);
//alert(self.message);
//alert(self.sites);
//self.sites =obj;
//var obj = JSON.parse(response.data);
//console.log(self.sites);
})
.catch(function(error) {
console.log(error);
});
},
rever1: function() {
var self = this;
axios.get('1.php').then(function(esponse) {
self.sites = response.data;
//message =response.data.toString();
console.log(self.sites);
var obj = JSON.parse(response.data);
alert(obj.length);
//var persons = response.data;
//alert(persons.length);
for(var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
//alert(cur_person.sex);
}
//self.message = response.data.artid;
//console.log(self.message);
}).catch(function(error) {
console.log(error);
});
}
}
});
vm.getAbout();
}
</script>
</body>
</html>