VueJS 2类型回调方法

Question

我使用vue-strap中的Typeahead组件，

在点击选择后我试图进行回调，这会将数据标记到我的输入文本中。

点击enter后，inventoryName和inventoryId成功加盖，但inventoryCode组件已重置。

如何防止重置或我做错了什么？正如我从console.log中看到的，它具有值。

<typeahead v-model="inventoryCode" placeholder="Inventory code..." async="{{url('api/inventory')}}/" :template="inventorySearch" :on-hit="inventoryCallBack"></typeahead>
<input type="text" name="inventory_name" id="inventory_name" class="form-control" v-model="inventoryName" readonly />

new Vue({
        el: '#app',
        components:{Typeahead},
        data: {
            'inventoryCode': '',
            'inventoryName': '',
            'inventoryId': '',
            'inventorySearch': '<div style="min-width:150px;"><b>@{{item.inventory_name}}</b></div><div>@{{item.inventory_code}}</div><div>@{{item.inventory_short_desc}}</div>'
        },
methods:{
    inventoryCallBack: function(item){
                    console.log(item.inventory_code);
                    this.inventoryCode = item.inventory_code;
                    this.inventoryName = item.inventory_name;
                    this.inventoryId = item.id;
                    console.log(this.inventoryCode);
                },
}
});

Answer 1

inventoryCallBack: function(item){
                    console.log(item.inventory_code);
                    this.inventoryCode = item.inventory_code;
                    this.inventoryName = item.inventory_name;
                    this.inventoryId = item.id;
                    return item.inventory_code
                },

这应该可以解决问题，错过了这一部分。