Vue.js v-bind:空对象的值

我有一个下拉列表，其中填充了一组对象

<select v-model="selectedLeague" v-on:change="chooseLeague()">
    <option v-for="league in model.leagues" v-bind:value="league">
        {{  league.name }}
    </option>
</select>

{{league.name}

初始化时，selectedLeague为{}

我想添加一个默认选项，该选项在对象为空时被选中。我试着加上

<option disabled v-bind:value=null>Choose League</option>

选择联盟

---

但这是行不通的，因为它从来都不是空的。使用数据绑定可以添加什么来检查对象是否为空？我使用的是2.4.4 btw版本

因为

selectedLeague

最初是

{}

，所以您可以使用：

选择联盟

演示：

newvue({
el:“#应用程序”，
数据：{
selectedLeague:{}，
型号：{
联盟：[{name:'leagueOne'}，{name:'leagueotwo'}]
}
},
方法：{
chooseLeague（）{console.log（'chooseLeague（）'，this.selectedLeague）；}
}
})

选择联盟
{{league.name}

好吧，这很容易！