vue 怎么获取手机的经纬度

可以使用HTML5的Geolocation API来获取手机的经纬度，具体方法如下：

1.在Vue组件中引入Geolocation API：

navigator.geolocation.getCurrentPosition(success, error, options);

2.定义success和error回调函数：

function success(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
  console.log('Latitude: ' + latitude + ' Longitude: ' + longitude);
}

function error() {
  console.log('无法获取地理位置信息');
}

3.设置参数options：

var options = {
  enableHighAccuracy: true, // 定位精度高
  maximumAge: 1000 // 缓存时间为1秒
};

完整的代码示例：

export default {
  name: 'Geolocation',
  methods: {
    getLocation: function() {
      if (navigator.geolocation) {
        var options = {enableHighAccuracy: true, maximumAge: 1000};
        navigator.geolocation.getCurrentPosition(this.showPosition, this.showError, options);
      } else {
        console.log('该浏览器不支持Geolocation API');
      }
    },
    showPosition: function(position) {
      var latitude = position.coords.latitude;
      var longitude = position.coords.longitude;
      console.log('Latitude: ' + latitude + ' Longitude: ' + longitude);
    },
    showError: function() {
      console.log('无法获取地理位置信息');
    }
  }
};

在Vue组件中调用getLocation()方法即可获取手机的经纬度信息。