mui + vue 模板

示例代码:

(function(mui, doc) {
  // 定义全局变量(计时器)
  var timer;
  // mui初始化
  mui.init();
  // 创建vue的实例
  var app = new Vue({  
    el:'#app',
    data:{
      token: '',
      paramId: ''
    },
    mounted:function(){
      var _this = this;
      // mui
      mui.plusReady(function() {
        // 获取test.html的参数
        var self = plus.webview.currentWebview();
        _this.token = self.token;
        _this.paramId = self.paramId;
        // 首次获取
         _this.getPosition();
        // 启动计时器
        _this.start();
      });
    },
    methods:{
      // 获取坐标点数据
      getPosition:function(){
        // 参数
        var params = {
          token: this.token,
          paramId: this.paramId
        };
        // mkey请求
        mui.mkey.post({
          url: apiUrl.monitor,
          dh_nokey_: JSON.stringify(params)
        }, function(data){
          // 关闭等待框
          plus.nativeUI.closeWaiting();
          // 获取接口数据
          console.log(JOSN.stringify(data));
        })
      },
      // 启用定时器
      start:function(){
        var _this = this;
        // 定时器
        timer = setInterval(function(){
          _this.getPosition();
        },2000);
      },
      // 暂停定时器
      stop:function(){
        clearInterval(timer);
      }
    }
  });
}(mui, document));

.

posted @ 2018-01-03 15:30  每天都要进步一点点  阅读(759)  评论(0编辑  收藏  举报