zoukankan      html  css  js  c++  java
  • 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));

    .

  • 相关阅读:
    C# 设计模式
    FutureTask、Fork/Join、 BlockingQueue
    线程的几种创建方式
    行锁、表锁、乐观锁、悲观锁
    J.U.C之AQS
    同步容器并发容器
    线程不安全类
    线程封闭
    不可变对象
    安全发布对象—单例模式
  • 原文地址:https://www.cnblogs.com/crazycode2/p/8184006.html
Copyright © 2011-2022 走看看