Vuejs将数据从marker.on返回到数据

Question

我想在拿起标记并将其删除时将数据存储到v模型中。 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

看看Reactivity in depth。如果您的应用没有更新，可能是因为反应性

Answer 2

解决方案是：

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

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

这样填充了隐藏字段的值，可以发布以进行保存。