vue项目中引入vue-html5plus进行定位

1、安装（PS：在网上查资料的时候，好多都是只安装下边的任意一个。同样的代码发现，两个同时安装，plus调用的时候才不会报undefined）

注意：在浏览器不能查看，需要在真机上

npm i vue-awesome-mui --save
npm i vue-html5plus  --save

2、全局引用

import Mui from 'vue-awesome-mui';
Vue.config.productionTip = false
Vue.use(Mui);

import VueHtml5Plus from 'vue-html5plus';
Vue.use(VueHtml5Plus);

3、使用

3-1、在create中加载调用

created() {
    // 扩展API是否准备好，如果没有则监听“plusready"事件
    if (window.plus) {
      this.plusReady()
    } else {
      document.addEventListener('plusready', this.plusReady, false)
    }
  },

3-2、方法

// 扩展API准备完成后要执行的操作
    plusReady() {
      const self = this
      console.log("plusReady--", plus.geolocation);
      plus.geolocation.getCurrentPosition(
        function (p) {
          console.log("onPlusReady--p.coords", p.coords);
          self.positionXY = p.coords;
          self.$store.state.location = p.coords;
        },
        function (err) {
          console.log("onPlusReady--err", err);
        }
      );

    },