Question

当我从另一个函数接收更新的信息时，我想用VueJS设置输入字段的值。我不清楚，当函数getLatLng返回时如何更新输入字段的值。当我在控制台上输出时，它运行良好，因此功能正常。但是如何正确连接输入字段以显示“纬度”值？我需要计算属性吗？还是只是常规的？

HTML

HTMLElement.removeEventListener('click', somefunction)

VUE

<form>
<input type="text" class="Form" placeholder="Latitude" v-model="latitude" value="@{{ latitude }}">
</form>

外部JS功能

var Vue = require('vue');
import VueResource from 'vue-resource';
Vue.use(VueResource);

window.app = new Vue({
    el: '#GISContainer',

    // Data to be stored
    data: {
        // Save Data for address, latitude and longitude
        address: '',
        latitude: '',
        defaultMapLocation: 'Fichtenstrasse 30 82256',

        // Responder Information
        responders: [
            {id: 1, name: 'Test 1'},
            {id: 1, name: 'Test 2'},
        ]
    },
    // Methods
    methods: {
        init: function() {
            initGISMap(this.$els.map);
            this.address === '' ? setMapLocationToAddress(this.defaultMapLocation) : setMapLocationToAddress(this.address);
        },
        setMapToSearchAddress: function() {
            setMapLocationToAddress(this.address);
            getLatLng(this.address, function(latlng) {
                this.latitude = latlng[0];
            })
        }
    }
});

Answer 1

设置latitude this getLatLng(this.address, function(latlng) { this.latitude = latlng[0]; }.bind(this))关键字：

class update
{
    public static ObservableCollection<update> list_update = 
        new ObservableCollection<update>();

    public update(String urle)
    {
        Urle = urle;
    }

    public string Urle { get; set; }

    public override string ToString()
    {
        return Urle;
    }
}

VueJS设置输入字段数据

1 个答案: