VUE页面渲染问题

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

<!DOCTYPE html>
<html><head>
<script src="./vue.min.js"></script>
<script src="./vue-resource.min.js"></script>
</head><body>
<div id="app">
<span v-text='message'></span>
<br/>
{{CreationDate}}</div> <script>
var app = new Vue({
el: "#app",
data: {
message: '111',
CreationDate: '222'
},
mounted: function () {
this.init(); }, methods: {
init: function () {
var searchStr = location.search;
searchStr = searchStr.substr(1);
var searchs = searchStr.split("&");
var factory = searchs[0].split("=");
var id = searchs[1].split("=");
Vue.http.post('http://192.168.224.133:8000/api/NonconformanceReportApi/GetViewData?factory=' + factory[
1], {
Name: id[1]
}).then(function (data) {
if (data.ok) { this.message = data.data; this.CreationDate = data.data.CreationDate;
app.$forceUpdate(); } })
}
} });
// $(document).ready(function () {
// var searchStr = location.search;
// searchStr = searchStr.substr(1);
// var searchs = searchStr.split("&");
// var factory = searchs[0].split("=");
// var id = searchs[1].split("=");
// $('#div1').load('http://192.168.224.133:8000/api/EmailGroupApi/GetEmailGroups?factory=p2');
// $("button").click(function () { // $.ajax({
// type: 'post',
// url: 'http://192.168.224.133:8000/api/NonconformanceReportApi/GetViewData?factory=' + factory[1],
// data: {
// name: id[1]
// },
// success: function (data) {
// alert(data);
// $('#div1').html(data.FpNcrName)
// }
// });
// });
// });
</script>
</body></html>