我有一個單獨事件的多維 JSON 提要，每個事件都有許多不同的日期和地點。所述事件中的每個日期都包括我使用 HTML5 地理定位計算距離的緯度和經度。我想將該距離推入子對象，不僅按距離排序，還按每個日期的距離對事件進行分組。我曾嘗試使用 v-for 進行內聯排序，但后來我了解到這在 vue2 中不起作用，也不能解決對父事件進行排序的問題。我在下面包含了我正在處理的示例：HTML：<div id="string">  <p><strong>Current Geolocation:</strong> {{lat}}:{{lon}}</p>  <ol v-for="seminar in seminars">    <li>      {{seminar.title}}      <ul>        <li v-for="event in seminar.events">          {{event.webtitle}} <strong>{{calcDist(lat,lon,event.location.lat,event.location.lon,N)}} Miles Away</strong>        </li>      </ul>    </li>  </ol></div>方法：methods: {    getLocation: function () {            if(navigator.geolocation){        navigator.geolocation.getCurrentPosition(this.showPosition, this.errorCallback);      } else {        this.error = "Geolocation is not supported.";      }    },    showPosition: function (position) {       this.lat = position.coords.latitude;      this.lon = position.coords.longitude;      this.googleQuery(position.coords.latitude, position.coords.longitude);    },    calcDist: function (lat1, lon1, lat2, lon2, unit) {      if ((lat1 == lat2) && (lon1 == lon2)) {        return 0;      } else {        var radlat1 = Math.PI * lat1/180;        var radlat2 = Math.PI * lat2/180;        var theta = lon1-lon2;        var radtheta = Math.PI * theta/180;        var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);        if (dist > 1) {          dist = 1;        }        dist = Math.acos(dist);        dist = dist * 180/Math.PI;        dist = dist * 60 * 1.1515;        if (unit=="K") { dist = dist * 1.609344 }        if (unit=="N") { dist = dist * 0.8684 }        return Math.round(dist);      }    }  },  beforeMount() {    this.getLocation();  }