Vuejsがmarker.onからdataにデータを返します

Question

マーカーをピックアップしてドロップすると、v-modelにデータを保存します。 console.logはうまくいきますが、this.latitudeは表示されず、隠しフィールドも塗りつぶされません。

これをどのように達成できますか？

<input type="hidden" name="lat" v-model="lat"> 

export default{ 
    data: function() { 
     return { 
      lat: '51.8778909' 
    }, 
    addMarker: function (lat, lng) { 
      var latlng = new L.LatLng(lat, lng) 
      marker = new L.marker(latlng, {draggable: 'true'}) 
      map.setZoom(19) 

      map.panTo(latlng) 
      marker.on('dragend', function (event) { 

       this.latitude = lat 
       console.log(lat); 
       ....... 
} 

Answer 1

ソリューションであるため、それはおそらくです。

Answer 2

Reactivity in depthをご覧ください。

<input type="hidden" name="lat" v-model="lat" id="lat"> 

document.getElementById("latitude").value = position.lat; 

この方法では、隠しフィールドの値が満たされると、保存のためにポストすることができます：あなたのアプリが更新されていない場合は反応性の