Vuejs2 类星体框架q-select在v模型中设置一个对象,而不是id

Vuejs2 类星体框架q-select在v模型中设置一个对象,而不是id,vuejs2,quasar-framework,Vuejs2,Quasar Framework,我的选择代码如下 <q-select label="Select country" behavior="menu" :lazy-rules="true" :rules="[val => !!val || 'Select your country']" dense out

我的选择代码如下

     <q-select label="Select country"
                behavior="menu"
                :lazy-rules="true"
                :rules="[val => !!val || 'Select your country']"
                dense outlined v-model="form.code" :options="countries"
                option-label="name" option-value="code">
      </q-select>

还有我的vuejs代码

<script>
   export default{
      data:()=>({

        form:{
            code:""
         }
        countries:[
              {name:"Country-1", code:"+101"},
              {name:"Country-2", code:"+201"},
           ]
       })

     }

 <script>

导出默认值{
数据:()=>({
表格:{
代码:“
}
国家:[
{名称:“国家1”,代码:“+101”},
{名称:“国家2”,代码:“+201”},
]
})
}
从上面看,我希望
form.code
的值是code,例如:+101,但当我检查时,我发现值是full对象。因为在我的选择中我已经设置了选项标签和选项值,所以我缺少什么
我缺少什么?

您需要使用
emit value
map options
,请参阅: