|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
- </head>
- <body>
- <div id="homeContent">
- <p>{{list.update_time}}</p> <!-- //TODO -->
- <div class="">
- ---------------------------
- </div>
- <button type="button" name="button" onclick="ss()">
- 点击变化视图层
- </button>
- </div>
- <script src="script/vue.min.js" charset="utf-8"></script>
- <script src="script/api.js" charset="utf-8"></script>
- <script type="text/javascript">
- var home = new Vue({
- el: '#homeContent',
- data: {
- list:[]
- },
- updated:function(){
- }
- });
- function ss(){
- var ob = {"workprice":"","update_time":"2017-10-22 13:46:00"};
- home.list = ob;//这里面只是简单的赋值,上面的数据相当于重新ajax获取数据
- console.log(JSON.stringify(home.list));
- }
- apiready = function() {
- api.ajax({
- url: 'http://**.**/',//TODO
- method: 'post',
- dateType:"json",
- data: {
- body: {"id": "1"}//TODO
- }
- }, function(ret, err) {
- if (ret) {
- home.list = ret;
- api.alert({ msg: JSON.stringify(ret) });
- console.log(JSON.stringify(ret));
- } else {
- api.alert({ msg: JSON.stringify(err) });
- }
- });
- }
- </script>
- </body>
- </html>
复制代码 |
|