使用v-model-VueJS(bootstrap-vue)将同一个对象加载到两个b-form-select中

Question

我需要在里面加载几个select，在我的对象里面加载的值"objectSelected"；，然而，它并没有加载在引导vue表单中。

它不会显示任何错误，只是不加载。

//My selectors:
<b-col md="3" sm="12">
<b-form-group label-for="object-myvalue" label-size="sm" class="mt-0 mb-0">
<b-form-select 
v-model="objectSelected"
readonly
disabled
size="sm">
<option :key="obj.code" v-for="obj in myArrayObjects" v-bind:value="obj">{{ obj.myvalue }}</option>
</b-form-select>
</b-form-group>
</b-col>
<b-col md="3" sm="12">
<b-form-group label-for="object-description" label-size="sm" class="mt-0 mb-0">
<b-form-select 
v-model="objectSelected"
readonly
disabled
size="sm">
<option :key="obj.code" v-for="obj in myArrayObjects" v-bind:value="obj">{{ obj.description }}</option>
</b-form-select>
</b-form-group>
</b-col>
//My Data - return:
data: function() {
return {
objectSelected: {
description: '',
code: '',
myvalue: '',
},
myArrayObjects: [],
}
}
//Method that loads the value in the select:
loadValue() {
this.objectSelected.code = 11
}

我的方法"loadValue"；打开模态以使用objectSelected，在打开后很长一段时间内，简单地不在v-models中加载itens对象。

利用其他对象的其他v模型，开放完美。

我使用bootstrap vue版本："；bootstrap vue"："2.0.0-rc.13">

Answer 1

<b-form-select>有options道具，您可以将其与选项数组绑定，例如：

<template>
...
<b-form-select
v-model="selectedItem"
:options="myOptions"
/>
...
</template>
<script>
...
data:()=>({
selectedItem: null,
myOptions:[
{value:"", text:""}, // this will set the selectedItem with string
{value:{}, text:""}, // this with object
]
})
...
</script>