在vueJS中，如何绑定v-select v2.5.1中所选选项的Id

Question

我已经尝试获取 v-select 中所选选项的 id 了几个小时，但它返回给我的是对象而不是 id。有没有办法只获取所选选项的 Id（对象 Id）？

我已经检查了文档网站： https ://sagalbot.github.io/vue-select/docs/

我还检查了以下位置的各种示例： https: //codepen.io/collection/nrkgxV/

但到目前为止我还没有找到解决我的问题的具体方法。缺少什么或者我做错了什么？

我的代码：

<template>
    <div>
        <v-select 
            v-model="selectedId"
            :options="items"
            label="name"
        ></v-select>
    </div>         
</template>

<script>
export default {
    data () {
    return {
        items: [
            {id: 1, name: "User 1", creator_id: 3},
            {id: 2, name: "User 2", creator_id: 1},
            {id: 4, name: "User 3", creator_id: 3},
        ],
        selectedId: '',
        ...    
        }
 }

Answer 1

添加计算道具怎么样id

<script>
    export default {
        data () {
            return {
                items: [
                    {id: 1, name: "User 1", creator_id: 3},
                    {id: 2, name: "User 2", creator_id: 1},
                    {id: 4, name: "User 3", creator_id: 3},
                ],
                selectedId: {}  
            }
        },
        computed: {
            id: function () {
                return (this.selectedId && this.selectedId.id)?this.selectedId.id:'';
            }
        }
    }
</script>