就是去掉,以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>